:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right);--color-primary-50: #ffe6fb;--color-primary-100: #ffb3f2;--color-primary-200: #ff80ea;--color-primary-300: #ff4de2;--color-primary-400: #ff1ada;--color-primary-500: #ff00c7;--color-primary-600: #e000b1;--color-primary-700: #b80093;--color-primary-800: #900075;--color-primary-900: #660053;--color-secondary-50: #fffde6;--color-secondary-100: #fff7b3;--color-secondary-200: #fff080;--color-secondary-300: #ffe94d;--color-secondary-400: #ffe31a;--color-secondary-500: #ffd600;--color-secondary-600: #e0bf00;--color-secondary-700: #b89c00;--color-secondary-800: #907800;--color-secondary-900: #665600;--color-accent-blue: #1e40ff;--color-accent-green: #00f593;--color-accent-cyan: #00e5ff;--color-success-50: #e8ffef;--color-success-100: #b8ffd0;--color-success-500: #12c45b;--color-success-600: #0e9b48;--color-success-700: #0a7335;--color-warning-50: #fff9e6;--color-warning-100: #ffe8b3;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #ffe9ec;--color-error-100: #ffc2cb;--color-error-500: #e11d48;--color-error-600: #be123c;--color-error-700: #9f1239;--color-info-50: #e5f0ff;--color-info-100: #c0d4ff;--color-info-500: #2563eb;--color-info-600: #1d4ed8;--color-info-700: #1e40af;--color-background-primary: #ffffff;--color-background-secondary: #f7f8fa;--color-background-tertiary: #f1f2f4;--color-surface-default: #cbfff4;--color-surface-elevated: #fafcfc;--color-surface-hover: #f0f1f3;--color-surface-active: #e6e7ea;--color-text-primary: #050505;--color-text-secondary: #202020;--color-text-tertiary: #4b4b4b;--color-text-disabled: #9e9e9e;--color-text-inverse: #ffffff;--color-border-default: #111111;--color-border-hover: #000000;--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-500);--primary: var(--color-primary-500);--primary-hover: var(--color-primary-600);--primary-light: var(--color-primary-100);--primary-dark: var(--color-primary-800);--secondary: var(--color-secondary-500);--secondary-hover: var(--color-secondary-600);--secondary-light: var(--color-secondary-100);--background: var(--color-background-primary);--background-secondary: var(--color-background-secondary);--surface: var(--color-surface-default);--surface-hover: var(--color-surface-hover);--text: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--border: var(--color-border-default);--border-hover: var(--color-border-hover);--success: var(--color-success-500);--warning: var(--color-warning-500);--error: var(--color-error-500);--info: var(--color-info-500);--font-family-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.04em;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--radius-none: 0;--radius-sm: .125rem;--radius-md: .1875rem;--radius-lg: .25rem;--radius-xl: .375rem;--radius-2xl: .5rem;--radius-3xl: .75rem;--radius-full: 9999px;--shadow-xs: 2px 2px 0 rgba(0, 0, 0, .8);--shadow-sm: 3px 3px 0 rgba(0, 0, 0, .85);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .9);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .95);--shadow-xl: 8px 8px 0 rgba(0, 0, 0, 1);--shadow-2xl: 10px 10px 0 rgba(0, 0, 0, 1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: none;--shadow-primary: 4px 4px 0 rgba(0, 0, 0, 1);--shadow-secondary: 4px 4px 0 rgba(0, 0, 0, 1);--shadow-error: 4px 4px 0 rgba(0, 0, 0, 1);--transition-fast: .12s cubic-bezier(.2, .8, .2, 1);--transition-normal: .18s cubic-bezier(.2, .8, .2, 1);--transition-slow: .25s cubic-bezier(.2, .8, .2, 1);--transition-slower: .35s cubic-bezier(.2, .8, .2, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px}@media (min-width: 640px){:root{--font-size-base: 1rem}}@media (min-width: 1024px){:root{--font-size-base: 1rem}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-slower: 0ms}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available;font-size:clamp(14px,3.5vw,16px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body{min-height:100%;min-height:-webkit-fill-available;font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text);line-height:1.6;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{min-height:100%;min-height:-webkit-fill-available;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}p,span,h1,h2,h3,h4,h5,h6,article,section{-webkit-user-select:text;user-select:text}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[role=button]{min-height:44px;min-width:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}*{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}.eduflow-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;min-width:44px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;white-space:nowrap;border:3px solid var(--color-border-default);border-radius:var(--radius-sm, .125rem);cursor:pointer;transition:transform var(--transition-fast, .12s ease),box-shadow var(--transition-fast, .12s ease),background-color var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease),border-color var(--transition-fast, .12s ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.eduflow-button--primary{background:var(--primary);color:var(--color-text-inverse);border-color:#000;box-shadow:var(--shadow-primary)}.eduflow-button--primary:hover:not(.eduflow-button--disabled){background:var(--primary-hover);border-color:#000;transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.eduflow-button--primary:active:not(.eduflow-button--disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.eduflow-button--secondary{background:var(--secondary);color:var(--color-text-inverse);border-color:#000;box-shadow:var(--shadow-secondary)}.eduflow-button--secondary:hover:not(.eduflow-button--disabled){background:var(--secondary-hover);border-color:#000;transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.eduflow-button--secondary:active:not(.eduflow-button--disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.eduflow-button--outline{background:var(--surface);color:var(--primary);border-color:#000}.eduflow-button--outline:hover:not(.eduflow-button--disabled){background:var(--primary-light);color:var(--primary-hover);border-color:#000;transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.eduflow-button--ghost{background:transparent;color:var(--primary);border-color:#000}.eduflow-button--ghost:hover:not(.eduflow-button--disabled){background:var(--primary-light);color:var(--primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-xs)}.eduflow-button--danger{background:var(--error);color:var(--color-text-inverse);border-color:#000;box-shadow:var(--shadow-error)}.eduflow-button--danger:hover:not(.eduflow-button--disabled){background:var(--color-error-600);border-color:#000;transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.eduflow-button--sm{min-height:36px;padding:.375rem .75rem;font-size:.875rem;border-radius:var(--radius-sm, .375rem)}.eduflow-button--md{min-height:44px;padding:.5rem 1rem;font-size:1rem;border-radius:var(--radius-md, .5rem)}.eduflow-button--lg{min-height:52px;padding:.75rem 1.5rem;font-size:1.125rem;border-radius:var(--radius-lg, .75rem)}.eduflow-button--full-width{width:100%}.eduflow-button--disabled,.eduflow-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.eduflow-button--loading{cursor:wait;pointer-events:none}.eduflow-button__spinner{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin-right:.25rem}.eduflow-button__spinner-svg{width:100%;height:100%;animation:eduflow-button-spin 1s linear infinite}.eduflow-button__spinner-circle{opacity:.75}@keyframes eduflow-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eduflow-button__content{display:inline-flex;align-items:center;gap:.5rem}.eduflow-button--loading .eduflow-button__content{opacity:.7}@media (min-width: 768px){.eduflow-button--sm{min-height:32px;padding:.25rem .625rem}.eduflow-button--md{min-height:40px;padding:.5rem 1rem}.eduflow-button--lg{min-height:48px;padding:.625rem 1.25rem}}.eduflow-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.eduflow-button{transition:none}.eduflow-button:hover:not(.eduflow-button--disabled){transform:none}.eduflow-button__spinner-svg{animation:none}}.eduflow-typography{margin:0;font-family:var(--font-family-sans);line-height:var(--line-height-normal);color:inherit}.eduflow-typography--h1{font-size:clamp(2rem,8vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.eduflow-typography--h2{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.eduflow-typography--h3{font-size:clamp(1.5rem,5vw,2rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.eduflow-typography--h4{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.eduflow-typography--h5{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.eduflow-typography--h6{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.eduflow-typography--body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.eduflow-typography--body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.eduflow-typography--caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.eduflow-typography--label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.eduflow-typography--weight-normal{font-weight:var(--font-weight-normal)}.eduflow-typography--weight-medium{font-weight:var(--font-weight-medium)}.eduflow-typography--weight-semibold{font-weight:var(--font-weight-semibold)}.eduflow-typography--weight-bold{font-weight:var(--font-weight-bold)}.eduflow-typography--color-primary{color:var(--color-text-primary)}.eduflow-typography--color-secondary{color:var(--color-text-secondary)}.eduflow-typography--color-tertiary{color:var(--color-text-tertiary)}.eduflow-typography--color-disabled{color:var(--color-text-disabled)}.eduflow-typography--color-inverse{color:var(--color-text-inverse)}.eduflow-typography--align-left{text-align:left}.eduflow-typography--align-center{text-align:center}.eduflow-typography--align-right{text-align:right}.eduflow-typography--align-justify{text-align:justify}@media (min-width: 768px){.eduflow-typography--h1{font-size:3rem}.eduflow-typography--h2{font-size:2.5rem}.eduflow-typography--h3{font-size:2rem}}.eduflow-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-input__container{position:relative;display:flex;align-items:center;width:100%}.eduflow-input{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--surface);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);min-height:44px;padding:var(--spacing-3) var(--spacing-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.eduflow-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-xs)}.eduflow-input::placeholder{color:var(--color-text-tertiary);opacity:1}.eduflow-input:disabled{background:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-input--filled{background:var(--color-background-tertiary);border-color:#000}.eduflow-input--filled:focus{background:var(--color-background-primary);border-color:var(--color-border-focus)}.eduflow-input--outlined{background:transparent;border-width:2px}.eduflow-input--sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.eduflow-input--md{min-height:44px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.eduflow-input--lg{min-height:52px;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.eduflow-input--error{border-color:var(--color-error-500)}.eduflow-input--error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-input--has-icon{padding-left:calc(var(--spacing-4) + 32px)}.eduflow-input__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;z-index:1}.eduflow-input__icon--start{left:var(--spacing-4)}.eduflow-input__icon--end{right:var(--spacing-4)}.eduflow-input:focus~.eduflow-input__icon--start,.eduflow-input:focus~.eduflow-input__icon--end{color:var(--color-primary-500)}.eduflow-input__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-input__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-input--sm{min-height:32px;padding:var(--spacing-2) var(--spacing-3)}.eduflow-input--md{min-height:40px;padding:var(--spacing-2) var(--spacing-4)}.eduflow-input--lg{min-height:48px;padding:var(--spacing-3) var(--spacing-5)}}@media (prefers-reduced-motion: reduce){.eduflow-input{transition:none}}.eduflow-card{position:relative;display:flex;flex-direction:column;background:var(--color-background-primary);border-radius:var(--radius-sm);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.eduflow-card--flat{box-shadow:none;border:2px solid var(--color-border-default)}.eduflow-card--subtle{box-shadow:var(--shadow-xs);border:2px solid var(--color-border-default)}.eduflow-card--default{box-shadow:var(--shadow-sm);border:3px solid var(--color-border-default)}.eduflow-card--elevated{box-shadow:var(--shadow-md);border:3px solid var(--color-border-default)}.eduflow-card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.eduflow-card--prominent{box-shadow:var(--shadow-lg);border:3px solid var(--color-border-default)}.eduflow-card--prominent:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.eduflow-card--floating{box-shadow:var(--shadow-xl);border:3px solid var(--color-border-default)}.eduflow-card--floating:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.eduflow-card--outlined{box-shadow:var(--shadow-xs);border:3px solid var(--color-border-default)}.eduflow-card__image{width:100%;height:200px;overflow:hidden;background:var(--color-background-secondary);border-bottom:2px solid var(--color-border-default)}.eduflow-card__image img{width:100%;height:100%;object-fit:cover}.eduflow-card__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2)}.eduflow-card__title{margin:0 0 var(--spacing-1) 0}.eduflow-card__subtitle{margin:0}.eduflow-card__content{padding:var(--spacing-4);color:var(--color-text-primary);line-height:var(--line-height-relaxed);flex:1}.eduflow-card__content:first-child{padding-top:var(--spacing-4)}.eduflow-card__actions{display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:2px solid var(--color-border-default);flex-wrap:wrap}.eduflow-card--loading{pointer-events:none;opacity:.7}.eduflow-card__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10}.eduflow-card__spinner{width:40px;height:40px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary-500);border-radius:50%;animation:eduflow-card-spin .8s linear infinite}@keyframes eduflow-card-spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.eduflow-card__image{height:240px}.eduflow-card__header{padding:var(--spacing-5) var(--spacing-5) var(--spacing-3)}.eduflow-card__content{padding:var(--spacing-5)}.eduflow-card__actions{padding:var(--spacing-4) var(--spacing-5)}}@media (prefers-reduced-motion: reduce){.eduflow-card{transition:none}.eduflow-card--elevated:hover,.eduflow-card--prominent:hover,.eduflow-card--floating:hover{transform:none}.eduflow-card__spinner{animation:none}}.eduflow-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;vertical-align:middle;border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.eduflow-badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.eduflow-badge--secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.eduflow-badge--success{background:var(--color-success-100);color:var(--color-success-700)}.eduflow-badge--warning{background:var(--color-warning-100);color:var(--color-warning-700)}.eduflow-badge--error{background:var(--color-error-100);color:var(--color-error-700)}.eduflow-badge--info{background:var(--color-info-100);color:var(--color-info-700)}.eduflow-badge--neutral{background:var(--color-background-tertiary);color:var(--color-text-secondary)}.eduflow-badge--sm{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.eduflow-badge--md{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md)}.eduflow-badge--lg{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg)}.eduflow-badge--pill{border-radius:var(--radius-full)}@media (min-width: 768px){.eduflow-badge--sm{padding:2px var(--spacing-2)}.eduflow-badge--md{padding:4px var(--spacing-2)}.eduflow-badge--lg{padding:var(--spacing-1) var(--spacing-3)}}.eduflow-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);overflow:hidden;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse)}.eduflow-avatar--xs{width:24px;height:24px;font-size:var(--font-size-xs)}.eduflow-avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.eduflow-avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.eduflow-avatar--lg{width:56px;height:56px;font-size:var(--font-size-base)}.eduflow-avatar--xl{width:80px;height:80px;font-size:var(--font-size-lg)}.eduflow-avatar--primary .eduflow-avatar__initials{background:var(--color-primary-500)}.eduflow-avatar--secondary .eduflow-avatar__initials{background:var(--color-secondary-500)}.eduflow-avatar--success .eduflow-avatar__initials{background:var(--color-success-500)}.eduflow-avatar--warning .eduflow-avatar__initials{background:var(--color-warning-500)}.eduflow-avatar--error .eduflow-avatar__initials{background:var(--color-error-500)}.eduflow-avatar--neutral .eduflow-avatar__initials{background:var(--color-text-tertiary)}.eduflow-avatar__image{width:100%;height:100%;object-fit:cover}.eduflow-avatar__initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-500);color:var(--color-text-inverse);line-height:1}.eduflow-avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;border:2px solid var(--color-background-primary);border-radius:var(--radius-full);background:var(--color-text-tertiary)}.eduflow-avatar--status-online .eduflow-avatar__status{background:var(--color-success-500)}.eduflow-avatar--status-offline .eduflow-avatar__status{background:var(--color-text-tertiary)}.eduflow-avatar--status-away .eduflow-avatar__status{background:var(--color-warning-500)}.eduflow-avatar--status-busy .eduflow-avatar__status{background:var(--color-error-500)}.eduflow-avatar--xs .eduflow-avatar__status,.eduflow-avatar--sm .eduflow-avatar__status{width:8px;height:8px;border-width:1.5px}.eduflow-avatar--md .eduflow-avatar__status{width:10px;height:10px}.eduflow-avatar--lg .eduflow-avatar__status{width:14px;height:14px}.eduflow-avatar--xl .eduflow-avatar__status{width:20px;height:20px}@media (min-width: 768px){.eduflow-avatar--lg{width:64px;height:64px}.eduflow-avatar--xl{width:96px;height:96px}}.eduflow-alert{position:relative;display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-sm);border:3px solid;box-shadow:var(--shadow-xs);line-height:var(--line-height-relaxed)}.eduflow-alert--success{background:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.eduflow-alert--warning{background:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}.eduflow-alert--error{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.eduflow-alert--info{background:var(--color-info-50);border-color:var(--color-info-500);color:var(--color-info-700)}.eduflow-alert__icon{display:flex;align-items:flex-start;justify-content:center;width:24px;height:24px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.eduflow-alert__content{flex:1;min-width:0}.eduflow-alert__title{margin-bottom:var(--spacing-1)}.eduflow-alert__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:-4px -4px 0 0;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast),background var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.eduflow-alert__close:hover{opacity:1;background:#0000001a}.eduflow-alert__close:active{background:#00000026}@media (min-width: 768px){.eduflow-alert{padding:var(--spacing-5)}.eduflow-alert__icon{width:28px;height:28px;font-size:var(--font-size-xl)}.eduflow-alert__close{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.eduflow-alert__close{transition:none}}.eduflow-container{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.eduflow-container--max-sm{max-width:640px}.eduflow-container--max-md{max-width:768px}.eduflow-container--max-lg{max-width:1024px}.eduflow-container--max-xl{max-width:1200px}.eduflow-container--max-2xl{max-width:1400px}.eduflow-container--max-full{max-width:100%}.eduflow-container--center{margin-left:auto;margin-right:auto}@media (min-width: 768px){.eduflow-container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.eduflow-select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-select__container{position:relative;display:flex;align-items:center;width:100%}.eduflow-select{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--surface);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);min-height:44px;padding:var(--spacing-3) calc(var(--spacing-4) + 32px) var(--spacing-3) var(--spacing-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;padding-right:calc(var(--spacing-4) + 32px);cursor:pointer}.eduflow-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-xs)}.eduflow-select:disabled{background:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-select--filled{background:var(--color-background-tertiary);border-color:#000}.eduflow-select--filled:focus{background:var(--color-background-primary);border-color:var(--color-border-focus)}.eduflow-select--outlined{background:transparent;border-width:2px}.eduflow-select--sm{min-height:36px;padding:var(--spacing-2) calc(var(--spacing-3) + 28px) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.eduflow-select--md{min-height:44px;padding:var(--spacing-3) calc(var(--spacing-4) + 32px) var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.eduflow-select--lg{min-height:52px;padding:var(--spacing-4) calc(var(--spacing-5) + 36px) var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.eduflow-select--error{border-color:var(--color-error-500)}.eduflow-select--error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-select__arrow{position:absolute;right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.eduflow-select:focus~.eduflow-select__arrow{color:var(--color-primary-500)}.eduflow-select--sm~.eduflow-select__arrow{right:var(--spacing-3);width:18px;height:18px}.eduflow-select--lg~.eduflow-select__arrow{right:var(--spacing-5);width:22px;height:22px}.eduflow-select__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-select__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-select--sm{min-height:32px;padding:var(--spacing-2) calc(var(--spacing-3) + 28px) var(--spacing-2) var(--spacing-3)}.eduflow-select--md{min-height:40px;padding:var(--spacing-2) calc(var(--spacing-4) + 32px) var(--spacing-2) var(--spacing-4)}.eduflow-select--lg{min-height:48px;padding:var(--spacing-3) calc(var(--spacing-5) + 36px) var(--spacing-3) var(--spacing-5)}}@media (prefers-reduced-motion: reduce){.eduflow-select,.eduflow-select__arrow{transition:none}}.eduflow-checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.eduflow-checkbox__container{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.eduflow-checkbox-wrapper--label-left .eduflow-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}.eduflow-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;cursor:pointer}.eduflow-checkbox__label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;flex:1}.eduflow-checkbox__label:before{content:"";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:3px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-background-primary);transition:all var(--transition-fast);cursor:pointer;position:relative;box-sizing:border-box}.eduflow-checkbox:checked+.eduflow-checkbox__label:before{background:var(--color-primary-500);border-color:var(--color-primary-500)}.eduflow-checkbox:checked+.eduflow-checkbox__label:after{content:"";position:absolute;left:10px;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.eduflow-checkbox:focus+.eduflow-checkbox__label:before{outline:none;box-shadow:0 0 0 3px #0052cc26;border-color:var(--color-border-focus)}.eduflow-checkbox:disabled+.eduflow-checkbox__label{cursor:not-allowed;opacity:.6}.eduflow-checkbox:disabled+.eduflow-checkbox__label:before{background:var(--color-background-tertiary);border-color:var(--color-border-default);cursor:not-allowed}.eduflow-checkbox--error+.eduflow-checkbox__label:before{border-color:var(--color-error-500)}.eduflow-checkbox--error:focus+.eduflow-checkbox__label:before{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-checkbox--sm+.eduflow-checkbox__label:before{width:16px;height:16px}.eduflow-checkbox--sm:checked+.eduflow-checkbox__label:after{left:8px;width:3px;height:6px;transform:translate(-50%,-50%) rotate(45deg)}.eduflow-checkbox--md+.eduflow-checkbox__label:before{width:20px;height:20px}.eduflow-checkbox--md:checked+.eduflow-checkbox__label:after{left:10px;width:4px;height:8px;transform:translate(-50%,-50%) rotate(45deg)}.eduflow-checkbox--lg+.eduflow-checkbox__label:before{width:24px;height:24px}.eduflow-checkbox--lg:checked+.eduflow-checkbox__label:after{left:12px;width:5px;height:10px;transform:translate(-50%,-50%) rotate(45deg)}.eduflow-checkbox__label-text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.eduflow-checkbox--sm+.eduflow-checkbox__label .eduflow-checkbox__label-text{font-size:var(--font-size-sm)}.eduflow-checkbox--lg+.eduflow-checkbox__label .eduflow-checkbox__label-text{font-size:var(--font-size-lg)}.eduflow-checkbox__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-left:calc(20px + var(--spacing-3));margin-top:var(--spacing-1)}.eduflow-checkbox--sm~.eduflow-checkbox__helper{margin-left:calc(16px + var(--spacing-3))}.eduflow-checkbox--lg~.eduflow-checkbox__helper{margin-left:calc(24px + var(--spacing-3))}.eduflow-checkbox__helper--error{color:var(--color-error-500)}.eduflow-checkbox-wrapper--label-left .eduflow-checkbox__helper{margin-left:0;margin-right:calc(20px + var(--spacing-3))}@media (min-width: 768px){.eduflow-checkbox__label-text{font-size:var(--font-size-sm)}.eduflow-checkbox--sm+.eduflow-checkbox__label .eduflow-checkbox__label-text{font-size:var(--font-size-xs)}.eduflow-checkbox--lg+.eduflow-checkbox__label .eduflow-checkbox__label-text{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: reduce){.eduflow-checkbox__label:before,.eduflow-checkbox__label:after{transition:none}}.eduflow-radio-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.eduflow-radio__container{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.eduflow-radio-wrapper--label-left .eduflow-radio__container{flex-direction:row-reverse;justify-content:flex-end}.eduflow-radio{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;cursor:pointer}.eduflow-radio__label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;flex:1}.eduflow-radio__label:before{content:"";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:2px solid var(--color-border-default);border-radius:50%;background:var(--color-background-primary);transition:all var(--transition-fast);cursor:pointer;position:relative;box-sizing:border-box}.eduflow-radio:checked+.eduflow-radio__label:before{border-color:var(--color-primary-500)}.eduflow-radio:checked+.eduflow-radio__label:after{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--color-primary-500);transform:translate(-50%,-50%);transition:all var(--transition-fast);box-sizing:border-box;margin-left:.5px}.eduflow-radio:focus+.eduflow-radio__label:before{outline:none;box-shadow:0 0 0 3px #0052cc26;border-color:var(--color-border-focus)}.eduflow-radio:disabled+.eduflow-radio__label{cursor:not-allowed;opacity:.6}.eduflow-radio:disabled+.eduflow-radio__label:before{background:var(--color-background-tertiary);border-color:var(--color-border-default);cursor:not-allowed}.eduflow-radio:disabled:checked+.eduflow-radio__label:after{background:var(--color-text-disabled)}.eduflow-radio--error+.eduflow-radio__label:before{border-color:var(--color-error-500)}.eduflow-radio--error:focus+.eduflow-radio__label:before{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-radio--sm+.eduflow-radio__label:before{width:16px;height:16px}.eduflow-radio--sm:checked+.eduflow-radio__label:after{left:8px;width:6px;height:6px;transform:translate(-50%,-50%);margin-left:.5px}.eduflow-radio--md+.eduflow-radio__label:before{width:20px;height:20px}.eduflow-radio--md:checked+.eduflow-radio__label:after{left:10px;width:8px;height:8px;transform:translate(-50%,-50%);margin-left:.5px}.eduflow-radio--lg+.eduflow-radio__label:before{width:24px;height:24px}.eduflow-radio--lg:checked+.eduflow-radio__label:after{left:12px;width:10px;height:10px;transform:translate(-50%,-50%);margin-left:.5px}.eduflow-radio__label-text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.eduflow-radio--sm+.eduflow-radio__label .eduflow-radio__label-text{font-size:var(--font-size-sm)}.eduflow-radio--lg+.eduflow-radio__label .eduflow-radio__label-text{font-size:var(--font-size-lg)}.eduflow-radio__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-left:calc(20px + var(--spacing-3));margin-top:var(--spacing-1)}.eduflow-radio--sm~.eduflow-radio__helper{margin-left:calc(16px + var(--spacing-3))}.eduflow-radio--lg~.eduflow-radio__helper{margin-left:calc(24px + var(--spacing-3))}.eduflow-radio__helper--error{color:var(--color-error-500)}.eduflow-radio-wrapper--label-left .eduflow-radio__helper{margin-left:0;margin-right:calc(20px + var(--spacing-3))}@media (min-width: 768px){.eduflow-radio__label-text{font-size:var(--font-size-sm)}.eduflow-radio--sm+.eduflow-radio__label .eduflow-radio__label-text{font-size:var(--font-size-xs)}.eduflow-radio--lg+.eduflow-radio__label .eduflow-radio__label-text{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: reduce){.eduflow-radio__label:before,.eduflow-radio__label:after{transition:none}}.eduflow-textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-textarea__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-textarea{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:var(--surface);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);min-height:44px;padding:var(--spacing-3) var(--spacing-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;resize:vertical}.eduflow-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-xs)}.eduflow-textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.eduflow-textarea:disabled{background:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-textarea--filled{background:var(--color-background-tertiary);border-color:#000}.eduflow-textarea--filled:focus{background:var(--color-background-primary);border-color:var(--color-border-focus)}.eduflow-textarea--outlined{background:transparent;border-width:2px}.eduflow-textarea--sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.eduflow-textarea--md{min-height:44px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.eduflow-textarea--lg{min-height:52px;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.eduflow-textarea--error{border-color:var(--color-error-500)}.eduflow-textarea--error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-textarea--no-resize{resize:none}.eduflow-textarea__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-textarea__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-textarea--sm{min-height:32px;padding:var(--spacing-2) var(--spacing-3)}.eduflow-textarea--md{min-height:40px;padding:var(--spacing-2) var(--spacing-4)}.eduflow-textarea--lg{min-height:48px;padding:var(--spacing-3) var(--spacing-5)}}@media (prefers-reduced-motion: reduce){.eduflow-textarea{transition:none}}.eduflow-switch-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.eduflow-switch__container{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer}.eduflow-switch-wrapper--label-left .eduflow-switch__container{flex-direction:row-reverse;justify-content:flex-end}.eduflow-switch{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;cursor:pointer}.eduflow-switch__label{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;flex:1}.eduflow-switch__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:44px;height:24px;background:var(--color-border-default);border-radius:var(--radius-full);transition:background var(--transition-fast);cursor:pointer}.eduflow-switch__thumb{position:absolute;left:2px;width:20px;height:20px;background:var(--color-background-primary);border-radius:50%;transition:transform var(--transition-fast);cursor:pointer}.eduflow-switch:checked+.eduflow-switch__label .eduflow-switch__track{background:var(--color-primary-500)}.eduflow-switch:checked+.eduflow-switch__label .eduflow-switch__thumb{transform:translate(20px)}.eduflow-switch:focus+.eduflow-switch__label .eduflow-switch__track{outline:none;box-shadow:0 0 0 3px #0052cc26}.eduflow-switch:disabled+.eduflow-switch__label{cursor:not-allowed;opacity:.6}.eduflow-switch:disabled+.eduflow-switch__label .eduflow-switch__track{background:var(--color-background-tertiary);cursor:not-allowed}.eduflow-switch:disabled+.eduflow-switch__label .eduflow-switch__thumb{background:var(--color-background-secondary)}.eduflow-switch--error+.eduflow-switch__label .eduflow-switch__track{background:var(--color-error-500)}.eduflow-switch--error:focus+.eduflow-switch__label .eduflow-switch__track{box-shadow:0 0 0 3px #dc262626}.eduflow-switch--sm+.eduflow-switch__label .eduflow-switch__track{width:36px;height:20px}.eduflow-switch--sm+.eduflow-switch__label .eduflow-switch__thumb{width:16px;height:16px}.eduflow-switch--sm:checked+.eduflow-switch__label .eduflow-switch__thumb{transform:translate(16px)}.eduflow-switch--md+.eduflow-switch__label .eduflow-switch__track{width:44px;height:24px}.eduflow-switch--md+.eduflow-switch__label .eduflow-switch__thumb{width:20px;height:20px}.eduflow-switch--md:checked+.eduflow-switch__label .eduflow-switch__thumb{transform:translate(20px)}.eduflow-switch--lg+.eduflow-switch__label .eduflow-switch__track{width:52px;height:28px}.eduflow-switch--lg+.eduflow-switch__label .eduflow-switch__thumb{width:24px;height:24px}.eduflow-switch--lg:checked+.eduflow-switch__label .eduflow-switch__thumb{transform:translate(24px)}.eduflow-switch__label-text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}.eduflow-switch--sm+.eduflow-switch__label .eduflow-switch__label-text{font-size:var(--font-size-sm)}.eduflow-switch--lg+.eduflow-switch__label .eduflow-switch__label-text{font-size:var(--font-size-lg)}.eduflow-switch__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-left:calc(44px + var(--spacing-3));margin-top:var(--spacing-1)}.eduflow-switch--sm~.eduflow-switch__helper{margin-left:calc(36px + var(--spacing-3))}.eduflow-switch--lg~.eduflow-switch__helper{margin-left:calc(52px + var(--spacing-3))}.eduflow-switch__helper--error{color:var(--color-error-500)}.eduflow-switch-wrapper--label-left .eduflow-switch__helper{margin-left:0;margin-right:calc(44px + var(--spacing-3))}@media (min-width: 768px){.eduflow-switch__label-text{font-size:var(--font-size-sm)}.eduflow-switch--sm+.eduflow-switch__label .eduflow-switch__label-text{font-size:var(--font-size-xs)}.eduflow-switch--lg+.eduflow-switch__label .eduflow-switch__label-text{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: reduce){.eduflow-switch__track,.eduflow-switch__thumb{transition:none}}.eduflow-datepicker-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-datepicker__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-datepicker__container{position:relative;display:flex;align-items:center;width:100%}.eduflow-datepicker{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);min-height:44px;padding:var(--spacing-3) calc(var(--spacing-4) + 32px) var(--spacing-3) var(--spacing-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.eduflow-datepicker:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0052cc26}.eduflow-datepicker::placeholder{color:var(--color-text-tertiary);opacity:1}.eduflow-datepicker:disabled{background:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-datepicker--filled{background:var(--color-background-secondary);border-color:transparent}.eduflow-datepicker--filled:focus{background:var(--color-background-primary);border-color:var(--color-border-focus)}.eduflow-datepicker--outlined{background:transparent;border-width:2px}.eduflow-datepicker--sm{min-height:36px;padding:var(--spacing-2) calc(var(--spacing-3) + 28px) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.eduflow-datepicker--sm.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-3) + 32px)}.eduflow-datepicker--md{min-height:44px;padding:var(--spacing-3) calc(var(--spacing-4) + 32px) var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.eduflow-datepicker--md.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-4) + 32px)}.eduflow-datepicker--lg{min-height:52px;padding:var(--spacing-4) calc(var(--spacing-5) + 36px) var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}.eduflow-datepicker--lg.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-5) + 36px)}.eduflow-datepicker--error{border-color:var(--color-error-500)}.eduflow-datepicker--error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-datepicker__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;z-index:1}.eduflow-datepicker__icon--start{left:var(--spacing-4)}.eduflow-datepicker__icon--end{right:var(--spacing-4)}.eduflow-datepicker:focus~.eduflow-datepicker__icon--start,.eduflow-datepicker:focus~.eduflow-datepicker__icon--end{color:var(--color-primary-500)}.eduflow-datepicker--sm~.eduflow-datepicker__icon--start{left:var(--spacing-3)}.eduflow-datepicker--sm~.eduflow-datepicker__icon--end{right:var(--spacing-3)}.eduflow-datepicker--lg~.eduflow-datepicker__icon--start{left:var(--spacing-5)}.eduflow-datepicker--lg~.eduflow-datepicker__icon--end{right:var(--spacing-5)}.eduflow-datepicker__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-datepicker__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-datepicker--sm{min-height:32px;padding:var(--spacing-2) calc(var(--spacing-3) + 28px) var(--spacing-2) var(--spacing-3)}.eduflow-datepicker--sm.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-3) + 32px)}.eduflow-datepicker--md{min-height:40px;padding:var(--spacing-2) calc(var(--spacing-4) + 32px) var(--spacing-2) var(--spacing-4)}.eduflow-datepicker--md.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-4) + 32px)}.eduflow-datepicker--lg{min-height:48px;padding:var(--spacing-3) calc(var(--spacing-5) + 36px) var(--spacing-3) var(--spacing-5)}.eduflow-datepicker--lg.eduflow-datepicker--has-icon{padding-left:calc(var(--spacing-5) + 36px)}}@media (prefers-reduced-motion: reduce){.eduflow-datepicker,.eduflow-datepicker__icon{transition:none}}.eduflow-fileupload-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-fileupload__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-fileupload__container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-background-secondary);transition:all var(--transition-fast);cursor:pointer}.eduflow-fileupload__container:hover{border-color:var(--color-border-hover);background:var(--color-background-tertiary)}.eduflow-fileupload__container--dragging{border-color:var(--color-primary-500);background:var(--color-primary-100)}.eduflow-fileupload__container--error{border-color:var(--color-error-500);background:var(--color-error-50)}.eduflow-fileupload{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.eduflow-fileupload__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4);pointer-events:none;z-index:0}.eduflow-fileupload__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.eduflow-fileupload__container:hover .eduflow-fileupload__icon,.eduflow-fileupload__container--dragging .eduflow-fileupload__icon{color:var(--color-primary-500)}.eduflow-fileupload__text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-align:center}.eduflow-fileupload--sm .eduflow-fileupload__container{min-height:100px}.eduflow-fileupload--sm .eduflow-fileupload__content{padding:var(--spacing-3);gap:var(--spacing-2)}.eduflow-fileupload--sm .eduflow-fileupload__icon{width:40px;height:40px}.eduflow-fileupload--sm .eduflow-fileupload__text{font-size:var(--font-size-sm)}.eduflow-fileupload--md .eduflow-fileupload__container{min-height:120px}.eduflow-fileupload--md .eduflow-fileupload__content{padding:var(--spacing-4);gap:var(--spacing-3)}.eduflow-fileupload--md .eduflow-fileupload__icon{width:48px;height:48px}.eduflow-fileupload--md .eduflow-fileupload__text{font-size:var(--font-size-base)}.eduflow-fileupload--lg .eduflow-fileupload__container{min-height:160px}.eduflow-fileupload--lg .eduflow-fileupload__content{padding:var(--spacing-6);gap:var(--spacing-4)}.eduflow-fileupload--lg .eduflow-fileupload__icon{width:56px;height:56px}.eduflow-fileupload--lg .eduflow-fileupload__text{font-size:var(--font-size-lg)}.eduflow-fileupload__file-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.eduflow-fileupload__file-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.eduflow-fileupload__file-name{flex:1;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eduflow-fileupload__file-size{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap}.eduflow-fileupload__file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xl);line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.eduflow-fileupload__file-remove:hover{background:var(--color-error-100);color:var(--color-error-500)}.eduflow-fileupload__file-remove:focus{outline:none;box-shadow:0 0 0 2px var(--color-error-500)}.eduflow-fileupload__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-fileupload__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-fileupload__container{min-height:100px}.eduflow-fileupload--sm .eduflow-fileupload__container{min-height:80px}.eduflow-fileupload--lg .eduflow-fileupload__container{min-height:140px}}@media (prefers-reduced-motion: reduce){.eduflow-fileupload__container,.eduflow-fileupload__icon,.eduflow-fileupload__file-remove{transition:none}}.eduflow-searchinput-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.eduflow-searchinput__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.eduflow-searchinput__container{position:relative;display:flex;align-items:center;width:100%}.eduflow-searchinput{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);min-height:44px;padding:var(--spacing-3) var(--spacing-4);padding-left:calc(var(--spacing-4) + 32px);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.eduflow-searchinput:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0052cc26}.eduflow-searchinput::placeholder{color:var(--color-text-tertiary);opacity:1}.eduflow-searchinput:disabled{background:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-searchinput--filled{background:var(--color-background-secondary);border-color:transparent}.eduflow-searchinput--filled:focus{background:var(--color-background-primary);border-color:var(--color-border-focus)}.eduflow-searchinput--outlined{background:transparent;border-width:2px}.eduflow-searchinput--sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3);padding-left:calc(var(--spacing-3) + 28px);font-size:var(--font-size-sm)}.eduflow-searchinput--sm.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-3) + 28px)}.eduflow-searchinput--md{min-height:44px;padding:var(--spacing-3) var(--spacing-4);padding-left:calc(var(--spacing-4) + 32px);font-size:var(--font-size-base)}.eduflow-searchinput--md.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-4) + 32px)}.eduflow-searchinput--lg{min-height:52px;padding:var(--spacing-4) var(--spacing-5);padding-left:calc(var(--spacing-5) + 36px);font-size:var(--font-size-lg)}.eduflow-searchinput--lg.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-5) + 36px)}.eduflow-searchinput--error{border-color:var(--color-error-500)}.eduflow-searchinput--error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px #dc262626}.eduflow-searchinput__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-tertiary);pointer-events:none;z-index:1}.eduflow-searchinput__icon--start{left:var(--spacing-4)}.eduflow-searchinput:focus~.eduflow-searchinput__icon--start{color:var(--color-primary-500)}.eduflow-searchinput--sm~.eduflow-searchinput__icon--start{left:var(--spacing-3)}.eduflow-searchinput--lg~.eduflow-searchinput__icon--start{left:var(--spacing-5)}.eduflow-searchinput__clear{position:absolute;right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:1}.eduflow-searchinput__clear:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.eduflow-searchinput__clear:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-500)}.eduflow-searchinput--sm~.eduflow-searchinput__clear{right:var(--spacing-3);width:20px;height:20px}.eduflow-searchinput--lg~.eduflow-searchinput__clear{right:var(--spacing-5);width:28px;height:28px}.eduflow-searchinput__helper{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.eduflow-searchinput__helper--error{color:var(--color-error-500)}@media (min-width: 768px){.eduflow-searchinput--sm{min-height:32px;padding:var(--spacing-2) var(--spacing-3);padding-left:calc(var(--spacing-3) + 28px)}.eduflow-searchinput--sm.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-3) + 28px)}.eduflow-searchinput--md{min-height:40px;padding:var(--spacing-2) var(--spacing-4);padding-left:calc(var(--spacing-4) + 32px)}.eduflow-searchinput--md.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-4) + 32px)}.eduflow-searchinput--lg{min-height:48px;padding:var(--spacing-3) var(--spacing-5);padding-left:calc(var(--spacing-5) + 36px)}.eduflow-searchinput--lg.eduflow-searchinput--has-clear{padding-right:calc(var(--spacing-5) + 36px)}}@media (prefers-reduced-motion: reduce){.eduflow-searchinput,.eduflow-searchinput__clear{transition:none}}.eduflow-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);padding:var(--spacing-4);overflow-y:auto;animation:fadeIn var(--transition-normal) ease}.eduflow-modal{background-color:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-2xl);width:100%;max-width:100%;max-height:calc(100vh - var(--spacing-8));display:flex;flex-direction:column;animation:slideUp var(--transition-normal) var(--easing-ease-out);position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eduflow-modal--sm{max-width:400px}.eduflow-modal--md{max-width:500px}.eduflow-modal--lg{max-width:700px}.eduflow-modal--xl{max-width:900px}.eduflow-modal--full{max-width:100%;max-height:100vh;border-radius:0}.eduflow-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:2px solid var(--color-border-default);flex-shrink:0}.eduflow-modal__title{margin:0;flex:1}.eduflow-modal__close{margin-left:var(--spacing-4);min-width:auto;width:32px;height:32px;padding:0;font-size:var(--font-size-2xl);line-height:1;display:flex;align-items:center;justify-content:center}.eduflow-modal__content{padding:var(--spacing-6);overflow-y:auto;flex:1;min-height:0}.eduflow-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:2px solid var(--color-border-default);flex-shrink:0}@media (max-width: 639px){.eduflow-modal-backdrop{padding:0;align-items:flex-end}.eduflow-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-sm) var(--radius-sm) 0 0;animation:slideUpMobile var(--transition-normal) var(--easing-ease-out)}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.eduflow-modal__header,.eduflow-modal__content,.eduflow-modal__footer{padding:var(--spacing-4)}.eduflow-modal--full{max-height:100vh;border-radius:0}}@media (prefers-reduced-motion: reduce){.eduflow-modal-backdrop,.eduflow-modal{animation:none}}.eduflow-dropdown-wrapper{position:relative;display:inline-block}.eduflow-dropdown__trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.eduflow-dropdown{position:absolute;background-color:var(--color-background-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);min-width:160px;max-width:320px;overflow:hidden;animation:fadeInDown var(--transition-fast) var(--easing-ease-out);margin-top:var(--spacing-2)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eduflow-dropdown--sm{min-width:120px;font-size:var(--font-size-sm)}.eduflow-dropdown--md{min-width:160px;font-size:var(--font-size-base)}.eduflow-dropdown--lg{min-width:200px;font-size:var(--font-size-lg)}.eduflow-dropdown--bottom-start{top:100%;left:0}.eduflow-dropdown--bottom-end{top:100%;right:0}.eduflow-dropdown--top-start{bottom:100%;left:0;margin-top:0;margin-bottom:var(--spacing-2)}.eduflow-dropdown--top-end{bottom:100%;right:0;margin-top:0;margin-bottom:var(--spacing-2)}.eduflow-dropdown__item{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:background-color var(--transition-fast);color:var(--color-text-primary);gap:var(--spacing-3);min-height:var(--touch-target-min)}.eduflow-dropdown__item:hover:not(.eduflow-dropdown__item--disabled){background-color:var(--color-background-secondary)}.eduflow-dropdown__item:focus{outline:none;background-color:var(--color-background-secondary)}.eduflow-dropdown__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.eduflow-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0;width:20px;height:20px}.eduflow-dropdown__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eduflow-dropdown__divider{height:1px;background-color:var(--color-border-default);margin:var(--spacing-2) 0}@media (max-width: 639px){.eduflow-dropdown{min-width:100%;max-width:calc(100vw - var(--spacing-4))}.eduflow-dropdown--bottom-start,.eduflow-dropdown--bottom-end,.eduflow-dropdown--top-start,.eduflow-dropdown--top-end{left:0;right:0;width:100%}}@media (prefers-reduced-motion: reduce){.eduflow-dropdown{animation:none}}.eduflow-tooltip-wrapper{position:relative;display:inline-block}.eduflow-tooltip{position:absolute;background-color:var(--color-text-primary);color:var(--color-background-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap;z-index:var(--z-index-tooltip);pointer-events:none;animation:fadeIn var(--transition-fast) var(--easing-ease-out);max-width:200px;word-wrap:break-word;white-space:normal;box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.eduflow-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-2)}.eduflow-tooltip--top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-text-primary)}.eduflow-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--spacing-2)}.eduflow-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-text-primary)}.eduflow-tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-2)}.eduflow-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-text-primary)}.eduflow-tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-2)}.eduflow-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-text-primary)}@media (max-width: 639px){.eduflow-tooltip{position:fixed;bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);transform:none;margin:0;max-width:none;white-space:normal}.eduflow-tooltip:after{display:none}.eduflow-tooltip--top,.eduflow-tooltip--bottom,.eduflow-tooltip--left,.eduflow-tooltip--right{bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);top:auto;transform:none;margin:0}}@media (prefers-reduced-motion: reduce){.eduflow-tooltip{animation:none}}.eduflow-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.eduflow-icon--xs{font-size:.75rem}.eduflow-icon--sm{font-size:.875rem}.eduflow-icon--md{font-size:1rem}.eduflow-icon--lg{font-size:1.25rem}.eduflow-icon--xl{font-size:1.5rem}.eduflow-toast{position:fixed;display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);min-width:280px;max-width:calc(100vw - var(--spacing-8));border:3px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-default);box-shadow:var(--shadow-lg);z-index:var(--z-index-tooltip);animation:toast-slide-in .2s var(--easing-ease-out) forwards}.eduflow-toast--top-right{top:var(--spacing-4);right:var(--spacing-4)}.eduflow-toast--top-left{top:var(--spacing-4);left:var(--spacing-4)}.eduflow-toast--bottom-right{bottom:var(--spacing-4);right:var(--spacing-4)}.eduflow-toast--bottom-left{bottom:var(--spacing-4);left:var(--spacing-4)}.eduflow-toast--top-center{top:var(--spacing-4);left:50%;transform:translate(-50%)}.eduflow-toast--bottom-center{bottom:var(--spacing-4);left:50%;transform:translate(-50%)}.eduflow-toast--success{border-color:var(--color-success-500);background:var(--color-success-50)}.eduflow-toast--success .eduflow-toast__icon{color:var(--color-success-600)}.eduflow-toast--warning{border-color:var(--color-warning-500);background:var(--color-warning-50)}.eduflow-toast--warning .eduflow-toast__icon{color:var(--color-warning-600)}.eduflow-toast--error{border-color:var(--color-error-500);background:var(--color-error-50)}.eduflow-toast--error .eduflow-toast__icon{color:var(--color-error-600)}.eduflow-toast--info{border-color:var(--color-info-500);background:var(--color-info-50)}.eduflow-toast--info .eduflow-toast__icon{color:var(--color-info-600)}.eduflow-toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;font-size:var(--font-size-lg)}.eduflow-toast__content{flex:1;min-width:0}.eduflow-toast__title{margin-bottom:var(--spacing-1);color:var(--color-text-primary)}.eduflow-toast__message{color:var(--color-text-secondary)}.eduflow-toast__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:-4px -4px 0 0;background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.eduflow-toast__close:hover{color:var(--color-text-primary);background:#0000001a;border-color:var(--color-border-default)}.eduflow-toast__close:active{transform:translate(1px,1px)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.eduflow-toast--top-center{animation:toast-slide-in-center .2s var(--easing-ease-out) forwards}.eduflow-toast--bottom-center{animation:toast-slide-up-center .2s var(--easing-ease-out) forwards}@keyframes toast-slide-in-center{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-slide-up-center{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.eduflow-toast--exiting{animation:toast-slide-out .2s var(--easing-ease-in) forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.eduflow-toast--exiting.eduflow-toast--top-center,.eduflow-toast--exiting.eduflow-toast--bottom-center{animation:toast-slide-out-center .2s var(--easing-ease-in) forwards}@keyframes toast-slide-out-center{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (min-width: 768px){.eduflow-toast{min-width:320px;max-width:420px;padding:var(--spacing-5)}}@media (prefers-reduced-motion: reduce){.eduflow-toast{animation:none}.eduflow-toast--exiting{animation:none;opacity:0}}.eduflow-tabs{width:100%}.eduflow-tabs__list{position:relative;display:flex;gap:var(--spacing-1);border-bottom:3px solid var(--color-border-default);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.eduflow-tabs__list::-webkit-scrollbar{display:none}.eduflow-tabs__tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:3px solid transparent;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-family:var(--font-family-sans);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative;bottom:-3px}.eduflow-tabs__tab:hover:not(.eduflow-tabs__tab--disabled){color:var(--color-text-primary);background:var(--color-surface-hover)}.eduflow-tabs__tab--active{color:var(--color-primary-600);background:var(--color-surface-default);border-color:var(--color-border-default);border-bottom:3px solid var(--color-surface-default)}.eduflow-tabs__tab--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.eduflow-tabs__tab-icon{display:flex;align-items:center;font-size:1.1em}.eduflow-tabs__tab-label{line-height:1}.eduflow-tabs--pills .eduflow-tabs__list{border-bottom:none;gap:var(--spacing-2);padding:var(--spacing-1);background:var(--color-background-secondary);border-radius:var(--radius-2xl);border:3px solid var(--color-border-default)}.eduflow-tabs--pills .eduflow-tabs__tab{border-radius:var(--radius-xl);border:2px solid transparent;bottom:0;padding:var(--spacing-2) var(--spacing-4)}.eduflow-tabs--pills .eduflow-tabs__tab:hover:not(.eduflow-tabs__tab--disabled){background:var(--color-surface-default)}.eduflow-tabs--pills .eduflow-tabs__tab--active{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.eduflow-tabs--pills .eduflow-tabs__tab--active:hover{background:var(--color-primary-600);color:var(--color-text-inverse)}.eduflow-tabs--underline .eduflow-tabs__list{border-bottom:2px solid var(--color-background-secondary);gap:0}.eduflow-tabs--underline .eduflow-tabs__tab{border:none;border-radius:0;bottom:0;padding:var(--spacing-3) var(--spacing-5)}.eduflow-tabs--underline .eduflow-tabs__tab--active{background:transparent;border:none}.eduflow-tabs--underline .eduflow-tabs__indicator{position:absolute;bottom:-2px;height:4px;background:var(--color-primary-500);border-radius:var(--radius-full);transition:all var(--transition-normal)}.eduflow-tabs--sm .eduflow-tabs__tab{padding:var(--spacing-2) var(--spacing-3)}.eduflow-tabs--sm .eduflow-tabs__list{border-bottom-width:2px}.eduflow-tabs--sm .eduflow-tabs__tab--active{bottom:-2px;border-bottom-width:2px}.eduflow-tabs--lg .eduflow-tabs__tab{padding:var(--spacing-4) var(--spacing-6)}.eduflow-tabs--full-width .eduflow-tabs__list{width:100%}.eduflow-tabs--full-width .eduflow-tabs__tab{flex:1;justify-content:center}.eduflow-tabs__content{padding:var(--spacing-4) 0}.eduflow-tabs__panel{animation:tab-fade-in .2s var(--easing-ease-out)}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.eduflow-tabs__tab{padding:var(--spacing-4) var(--spacing-5)}.eduflow-tabs--sm .eduflow-tabs__tab{padding:var(--spacing-3) var(--spacing-4)}.eduflow-tabs--lg .eduflow-tabs__tab{padding:var(--spacing-5) var(--spacing-8)}.eduflow-tabs__content{padding:var(--spacing-6) 0}}@media (prefers-reduced-motion: reduce){.eduflow-tabs__tab,.eduflow-tabs__indicator{transition:none}.eduflow-tabs__panel{animation:none}}.eduflow-accordion{width:100%}.eduflow-accordion__item{border:3px solid var(--color-border-default);background:var(--color-surface-default)}.eduflow-accordion__item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.eduflow-accordion__item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.eduflow-accordion__item:only-child{border-radius:var(--radius-lg)}.eduflow-accordion__item+.eduflow-accordion__item{border-top:none}.eduflow-accordion__item--disabled{opacity:.6}.eduflow-accordion__header{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);background:transparent;border:none;font-family:var(--font-family-sans);text-align:left;cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.eduflow-accordion__header:hover:not(:disabled){background:var(--color-surface-hover)}.eduflow-accordion__header:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:-3px}.eduflow-accordion__item--disabled .eduflow-accordion__header{cursor:not-allowed}.eduflow-accordion__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--color-primary-500)}.eduflow-accordion__title{flex:1;color:var(--color-text-primary);margin:0}.eduflow-accordion__chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-normal)}.eduflow-accordion__item--open .eduflow-accordion__chevron{transform:rotate(180deg);color:var(--color-primary-500)}.eduflow-accordion__content-wrapper{display:none}.eduflow-accordion__content-wrapper[hidden]{display:none!important}.eduflow-accordion__item--open .eduflow-accordion__content-wrapper,.eduflow-accordion__item[data-state=open] .eduflow-accordion__content-wrapper{display:block}.eduflow-accordion__content-inner{min-width:0;overflow:hidden}.eduflow-accordion__content{padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.eduflow-accordion--bordered .eduflow-accordion__item{box-shadow:var(--shadow-sm)}.eduflow-accordion--bordered .eduflow-accordion__item--open{box-shadow:var(--shadow-md)}.eduflow-accordion--bordered .eduflow-accordion__header{background:var(--color-background-secondary)}.eduflow-accordion--bordered .eduflow-accordion__item--open .eduflow-accordion__header{background:var(--color-primary-50);border-bottom:2px solid var(--color-border-default)}.eduflow-accordion--separated .eduflow-accordion__item{border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);box-shadow:var(--shadow-sm)}.eduflow-accordion--separated .eduflow-accordion__item:last-child{margin-bottom:0}.eduflow-accordion--separated .eduflow-accordion__item+.eduflow-accordion__item{border-top:3px solid var(--color-border-default)}.eduflow-accordion--separated .eduflow-accordion__item--open{box-shadow:var(--shadow-md);transform:translateY(-2px)}.eduflow-accordion__item--open{background:var(--color-surface-default)}.eduflow-accordion__item--open .eduflow-accordion__header{border-bottom:2px dashed var(--color-background-secondary)}@media (min-width: 768px){.eduflow-accordion__header{padding:var(--spacing-5)}.eduflow-accordion__content{padding:var(--spacing-2) var(--spacing-5) var(--spacing-5)}.eduflow-accordion__icon,.eduflow-accordion__chevron{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.eduflow-accordion__chevron,.eduflow-accordion--separated .eduflow-accordion__item--open{transition:none}}.eduflow-progress{width:100%}.eduflow-progress__track{position:relative;width:100%;height:16px;background:var(--color-background-secondary);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden}.eduflow-progress__bar{display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:0;border-radius:var(--radius-sm);transition:width var(--transition-slow)}.eduflow-progress--primary .eduflow-progress__bar{background:var(--color-primary-500)}.eduflow-progress--secondary .eduflow-progress__bar{background:var(--color-secondary-500)}.eduflow-progress--success .eduflow-progress__bar{background:var(--color-success-500)}.eduflow-progress--warning .eduflow-progress__bar{background:var(--color-warning-500)}.eduflow-progress--error .eduflow-progress__bar{background:var(--color-error-500)}.eduflow-progress--info .eduflow-progress__bar{background:var(--color-info-500)}.eduflow-progress--sm .eduflow-progress__track{height:10px;border-width:2px}.eduflow-progress--lg .eduflow-progress__track{height:24px}.eduflow-progress--label-outside{display:flex;align-items:center;gap:var(--spacing-3)}.eduflow-progress--label-outside .eduflow-progress__track{flex:1}.eduflow-progress__label-outside{min-width:48px;text-align:right;color:var(--color-text-primary)}.eduflow-progress__label-top{margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.eduflow-progress__label-inside{padding-right:var(--spacing-2);color:var(--color-text-inverse);text-shadow:0 1px 2px rgba(0,0,0,.3)}.eduflow-progress--animated .eduflow-progress__bar{animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.85}}.eduflow-progress--striped .eduflow-progress__bar{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px}.eduflow-progress--striped.eduflow-progress--animated .eduflow-progress__bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:20px 0}to{background-position:0 0}}.eduflow-progress--indeterminate .eduflow-progress__bar{width:30%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(-100%)}}.eduflow-progress__track{box-shadow:var(--shadow-xs)}.eduflow-progress--primary .eduflow-progress__bar,.eduflow-progress--secondary .eduflow-progress__bar{box-shadow:inset 0 -2px #00000026}@media (min-width: 768px){.eduflow-progress--lg .eduflow-progress__track{height:28px}.eduflow-progress__label-outside{min-width:56px}}@media (prefers-reduced-motion: reduce){.eduflow-progress__bar{transition:none}.eduflow-progress--animated .eduflow-progress__bar,.eduflow-progress--striped.eduflow-progress--animated .eduflow-progress__bar,.eduflow-progress--indeterminate .eduflow-progress__bar{animation:none}.eduflow-progress--indeterminate .eduflow-progress__bar{width:50%!important;transform:translate(50%)}}.pwa-indicator{position:fixed;bottom:calc(1rem + var(--safe-area-inset-bottom, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUpSimple .3s ease-out}.pwa-indicator.offline{background:#d97706;color:#fff}.pwa-indicator.online{background:#16a34a;color:#fff}.pwa-indicator-icon{font-size:1rem;display:flex;align-items:center}.pwa-install-prompt{position:fixed;bottom:calc(1.5rem + var(--safe-area-inset-bottom, 0px));left:1rem;right:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:slideUpSimple .4s ease-out;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.pwa-install-prompt{left:auto;right:1.5rem;max-width:360px}}.pwa-close-button{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pwa-close-button:hover{background:#e2e8f0;color:#1e293b}.pwa-install-content{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding-right:2rem}.pwa-install-icon{font-size:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pwa-install-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.pwa-install-text h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.pwa-install-text p{font-size:.875rem;color:#64748b;line-height:1.4;margin:0}.pwa-install-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem}.pwa-install-prompt.ios{padding:1.5rem}.pwa-install-prompt.ios .pwa-install-content{flex-direction:column;align-items:stretch;padding-right:2rem}.pwa-install-prompt.ios .pwa-install-text{margin-bottom:.5rem}.pwa-ios-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.pwa-ios-steps li{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0;font-size:.9rem;color:#475569}.pwa-ios-steps li:last-child{border-bottom:none;padding-bottom:0}.pwa-ios-steps .step-icon{font-size:1.25rem;width:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pwa-ios-steps strong{color:#1e293b}.pwa-ios-button{position:fixed;bottom:calc(1.5rem + var(--safe-area-inset-bottom, 0px));right:1rem;background:#4f46e5;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #4f46e54d;cursor:pointer;z-index:999;animation:slideUpSimple .4s ease-out;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.pwa-ios-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.pwa-ios-button:active{transform:scale(.98)}.pwa-update-prompt{position:fixed;top:calc(1rem + var(--safe-area-inset-top, 0px));left:1rem;right:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.875rem 1rem;box-shadow:0 4px 12px #0000001a;z-index:1001;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;animation:slideDownSimple .3s ease-out}@media (min-width: 768px){.pwa-update-prompt{left:50%;right:auto;transform:translate(-50%);max-width:500px}}.pwa-update-content{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1}.pwa-update-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.pwa-update-text{font-size:.875rem;color:#1e293b}.pwa-update-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-shrink:0}.pwa-button{border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px;min-width:auto;display:flex;align-items:center;justify-content:center}.pwa-button.primary{background:#4f46e5;color:#fff;padding:.625rem 1.25rem}.pwa-button.primary:hover{background:#4338ca}.pwa-button.primary.small{padding:.5rem 1rem;font-size:.8125rem}.pwa-button.secondary{background:#f1f5f9;color:#475569;padding:.625rem 1.25rem}.pwa-button.secondary:hover{background:#e2e8f0;color:#1e293b}.pwa-button.text{background:transparent;color:#64748b;padding:.5rem .75rem}.pwa-button.text:hover{color:#1e293b}@keyframes slideUpSimple{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownSimple{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pwa-indicator{animation:slideUpCentered .3s ease-out}@keyframes slideUpCentered{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 768px){.pwa-update-prompt{animation:slideDownCentered .3s ease-out}@keyframes slideDownCentered{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.pwa-arrow-indicator{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-bottom:.5rem;z-index:1001;pointer-events:none}.pwa-arrow-indicator span{font-size:1.5rem;color:#4f46e5;animation:bounceArrow 1s ease-in-out infinite}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.auth-page{position:relative;isolation:isolate;min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-6) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(var(--spacing-6) + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));background:var(--color-background-primary);-webkit-overflow-scrolling:touch;overflow:hidden}.auth-page__postits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-page__postit{position:absolute;width:clamp(5.5rem,16vw,9rem);height:clamp(5.5rem,16vw,9rem);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:.95}.auth-page__postit--magenta{background:var(--color-primary-500);top:6%;left:4%;transform:rotate(-8deg)}.auth-page__postit--yellow{background:var(--color-secondary-500);top:10%;right:5%;transform:rotate(7deg)}.auth-page__postit--blue{background:var(--color-accent-blue);bottom:12%;left:8%;transform:rotate(5deg)}.auth-page__postit--green{background:var(--color-accent-green);bottom:8%;right:6%;transform:rotate(-6deg)}.auth-page__container{position:relative;z-index:1;width:100%;max-width:100%}.auth-page__header{text-align:center;margin-bottom:var(--spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.auth-page__brand{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);padding:0;border:0;background:transparent;cursor:pointer}.auth-page__brand .eduflow-icon{color:var(--color-primary-500)}.auth-page__title{margin:0}.auth-panel{width:100%;max-width:28rem;margin:0 auto;padding:var(--spacing-6);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-primary);box-shadow:var(--shadow-xl)}.auth-form__field{margin-bottom:var(--spacing-4)}.auth-form__row{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.auth-form__actions{margin-top:var(--spacing-6);margin-bottom:var(--spacing-4)}.auth-form__footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:2px solid var(--color-border-default)}.auth-link{color:var(--color-primary-500);font-weight:var(--font-weight-bold);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-600);text-decoration:underline}.auth-page__footer{margin-top:var(--spacing-6);text-align:center}.auth-invite-summary{margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-secondary-500);box-shadow:var(--shadow-xs)}.auth-mfa-hint{margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-accent-cyan);box-shadow:var(--shadow-xs)}@media (min-width: 640px){.auth-page{padding:calc(var(--spacing-10) + env(safe-area-inset-top)) calc(var(--spacing-8) + env(safe-area-inset-right)) calc(var(--spacing-10) + env(safe-area-inset-bottom)) calc(var(--spacing-8) + env(safe-area-inset-left))}.auth-form__row{grid-template-columns:repeat(2,1fr)}.auth-panel{padding:var(--spacing-8)}}@media (max-width: 639px){.auth-page__postit{width:4.5rem;height:4.5rem;opacity:.75}}@media (prefers-reduced-motion: reduce){.auth-page__postit{transform:none!important}}.eduflow-landing{min-height:100vh;background:var(--color-background-primary);color:var(--color-text-primary)}.eduflow-landing__navbar{position:sticky;top:0;z-index:var(--z-index-sticky);border-bottom:2px solid var(--color-border-default);background:var(--color-background-primary)}.eduflow-landing__navbar-content{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.eduflow-landing__brand{display:inline-flex;align-items:center;gap:var(--spacing-2)}.eduflow-landing__brand .eduflow-icon{color:var(--color-primary-500)}.eduflow-landing__nav-links{display:none;align-items:center;gap:var(--spacing-5)}.eduflow-landing__nav-links a{text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.eduflow-landing__nav-links a:hover{color:var(--color-primary-600)}.eduflow-landing__nav-cta{display:inline-flex;gap:var(--spacing-2)}.eduflow-landing__main{display:flex;flex-direction:column;gap:var(--spacing-12);padding-top:var(--spacing-10);padding-bottom:var(--spacing-12)}.eduflow-landing__hero{position:relative;min-height:28rem;padding:var(--spacing-8) 0;isolation:isolate}.eduflow-landing__hero-postits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.eduflow-landing__hero-postit{position:absolute;width:clamp(9rem,22vw,13rem);height:clamp(9rem,22vw,13rem);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);animation-duration:9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.eduflow-landing__hero-postit--magenta{background:var(--color-primary-500);top:6%;right:8%;transform:rotate(-7deg);animation-name:heroPostitFloatMagenta;animation-delay:-.8s}.eduflow-landing__hero-postit--yellow{background:var(--color-secondary-500);top:28%;right:32%;transform:rotate(5deg);animation-name:heroPostitFloatYellow;animation-delay:-2.4s}.eduflow-landing__hero-postit--blue{background:var(--color-accent-blue);bottom:18%;right:6%;transform:rotate(8deg);animation-name:heroPostitFloatBlue;animation-delay:-3.6s}.eduflow-landing__hero-postit--green{background:var(--color-accent-green);bottom:8%;right:38%;transform:rotate(-4deg);animation-name:heroPostitFloatGreen;animation-delay:-5s}.eduflow-landing__hero-content{position:relative;z-index:1;max-width:42rem;display:flex;flex-direction:column;gap:var(--spacing-4);animation:heroContentIn var(--duration-slower) var(--easing-ease-out) both}.eduflow-landing__hero-title{font-size:clamp(2.1rem,7vw,4.2rem);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}.eduflow-landing__hero-title span{color:var(--color-text-tertiary)}.eduflow-landing__hero-subtitle{max-width:62ch}.eduflow-landing__hero-actions{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:460px}.eduflow-landing__hero-actions .eduflow-button{transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)}.eduflow-landing__hero-actions .eduflow-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);filter:saturate(1.1)}.eduflow-landing__hero-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.eduflow-landing__hero-badge{animation:badgePulse 2.8s ease-in-out infinite}.eduflow-landing__hero-badge--1{animation-delay:.1s}.eduflow-landing__hero-badge--2{animation-delay:.5s}.eduflow-landing__hero-badge--3{animation-delay:.9s}.eduflow-landing__hero-badge--4{animation-delay:1.3s}.eduflow-landing__section{display:flex;flex-direction:column;gap:var(--spacing-4)}.eduflow-landing__section-intro{max-width:68ch}.eduflow-landing__features-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4)}.eduflow-landing__feature-card{border-width:3px;min-height:190px}.eduflow-landing__feature-icon{width:48px;height:48px;border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-3);background:var(--color-background-primary)}.eduflow-landing__feature-card--magenta{background:var(--color-primary-100)}.eduflow-landing__feature-card--yellow{background:var(--color-secondary-100)}.eduflow-landing__feature-card--cyan{background:var(--color-accent-cyan)}.eduflow-landing__feature-card--green{background:var(--color-accent-green)}.eduflow-landing__feature-card--blue{background:var(--color-info-100)}.eduflow-landing__stack-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4);margin-top:var(--spacing-2)}.eduflow-landing__stack-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.eduflow-landing__stack-card:hover{transform:translateY(-5px) rotate(-.8deg);box-shadow:var(--shadow-xl)}.eduflow-landing__stack-card--magenta{background:var(--color-primary-500);color:var(--color-text-inverse)}.eduflow-landing__stack-card--yellow{background:var(--color-secondary-500);color:var(--color-text-primary)}.eduflow-landing__stack-card--cyan{background:var(--color-accent-cyan);color:var(--color-text-primary)}.eduflow-landing__stack-card--blue{background:var(--color-accent-blue);color:var(--color-text-inverse)}.eduflow-landing__stack-card--green{background:var(--color-accent-green);color:var(--color-text-primary)}.eduflow-landing__stack-card--magenta .eduflow-landing__stack-card-title,.eduflow-landing__stack-card--magenta .eduflow-landing__stack-card-desc,.eduflow-landing__stack-card--blue .eduflow-landing__stack-card-title,.eduflow-landing__stack-card--blue .eduflow-landing__stack-card-desc{color:var(--color-text-inverse)}.eduflow-landing__stack-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-3)}.eduflow-landing__stack-card-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-primary);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.eduflow-landing__stack-card-category{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);border:2px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-background-primary);color:var(--color-text-primary)!important;font-weight:var(--font-weight-bold)}.eduflow-landing__stack-card-title{margin:0}.eduflow-landing__stack-card-desc{margin:0;max-width:36ch}.eduflow-landing__team-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-6);margin-top:var(--spacing-2)}.eduflow-landing__team-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-6);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.eduflow-landing__team-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-2xl)}.eduflow-landing__team-card--magenta{background:var(--color-primary-500);color:var(--color-text-inverse)}.eduflow-landing__team-card--yellow{background:var(--color-secondary-500);color:var(--color-text-primary)}.eduflow-landing__team-card--magenta .eduflow-landing__team-name,.eduflow-landing__team-card--magenta .eduflow-landing__team-role,.eduflow-landing__team-card--magenta .eduflow-landing__team-bio{color:var(--color-text-inverse)}.eduflow-landing__team-card--yellow .eduflow-landing__team-name,.eduflow-landing__team-card--yellow .eduflow-landing__team-role,.eduflow-landing__team-card--yellow .eduflow-landing__team-bio{color:var(--color-text-primary)}.eduflow-landing__team-avatar-wrap{margin-bottom:var(--spacing-1)}.eduflow-landing__team-avatar-wrap .eduflow-avatar{border:3px solid var(--color-border-default);box-shadow:var(--shadow-sm)}.eduflow-landing__team-name{margin:0}.eduflow-landing__team-role{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);border:2px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-background-primary);color:var(--color-text-primary)!important;font-weight:var(--font-weight-bold)}.eduflow-landing__team-bio{max-width:38ch;margin:0}.eduflow-landing__team-skills{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.eduflow-landing__team-skills .eduflow-badge{border:2px solid var(--color-border-default);background:var(--color-background-primary);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.eduflow-landing__cta-band{background:var(--color-primary-500);color:var(--color-text-inverse);border:3px solid var(--color-border-default);box-shadow:var(--shadow-xl);border-radius:var(--radius-2xl);padding:var(--spacing-8) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.eduflow-landing__cta-band .eduflow-typography{color:var(--color-text-inverse)}.eduflow-landing__cta-actions{margin-top:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-3);max-width:460px}.eduflow-landing__footer{margin-top:var(--spacing-4);border-top:4px solid var(--color-border-default);background:var(--color-text-primary);color:var(--color-text-inverse)}.eduflow-landing__footer-inner{display:flex;flex-direction:column;gap:var(--spacing-8);padding-top:var(--spacing-10);padding-bottom:var(--spacing-6)}.eduflow-landing__footer-top{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}.eduflow-landing__footer-brand{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:28rem}.eduflow-landing__footer-brand .eduflow-landing__brand{color:var(--color-text-inverse)}.eduflow-landing__footer-brand .eduflow-landing__brand .eduflow-icon{color:var(--color-secondary-500)}.eduflow-landing__footer-brand .eduflow-typography{color:var(--color-text-inverse)}.eduflow-landing__footer-tagline{opacity:.85}.eduflow-landing__footer-accents{display:inline-flex;gap:var(--spacing-2);margin-top:var(--spacing-1)}.eduflow-landing__footer-dot{width:1rem;height:1rem;border:2px solid var(--color-background-primary);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-background-primary);transform:rotate(-6deg)}.eduflow-landing__footer-dot--magenta{background:var(--color-primary-500)}.eduflow-landing__footer-dot--yellow{background:var(--color-secondary-500);transform:rotate(5deg)}.eduflow-landing__footer-dot--blue{background:var(--color-accent-blue);transform:rotate(-3deg)}.eduflow-landing__footer-dot--green{background:var(--color-accent-green);transform:rotate(8deg)}.eduflow-landing__footer-cols{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.eduflow-landing__footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.eduflow-landing__footer-col-title{margin-bottom:var(--spacing-1);color:var(--color-secondary-500);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.eduflow-landing__footer-col a,.eduflow-landing__footer-col button{padding:0;border:0;background:transparent;color:var(--color-text-inverse);font:inherit;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;opacity:.9;transition:opacity var(--transition-fast),color var(--transition-fast)}.eduflow-landing__footer-col a:hover,.eduflow-landing__footer-col button:hover{color:var(--color-secondary-500);opacity:1}.eduflow-landing__footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-5);border-top:2px solid rgba(255,255,255,.2)}.eduflow-landing__footer-bottom .eduflow-typography{color:#ffffffbf}.eduflow-landing__footer-stack{letter-spacing:var(--letter-spacing-wide)}.eduflow-landing__footer-legal-link{padding:0;border:0;background:transparent;color:var(--color-secondary-500);font:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.eduflow-landing__footer-legal-link:hover{color:var(--color-text-inverse)}@media (min-width: 768px){.eduflow-landing__nav-links{display:inline-flex}.eduflow-landing__hero{min-height:32rem;padding:var(--spacing-12) 0}.eduflow-landing__hero-actions,.eduflow-landing__cta-actions{flex-direction:row}.eduflow-landing__hero-actions>*,.eduflow-landing__cta-actions>*{flex:1}.eduflow-landing__features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eduflow-landing__stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5)}.eduflow-landing__team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-8)}.eduflow-landing__team-card--magenta{transform:rotate(-1.5deg)}.eduflow-landing__team-card--yellow{transform:rotate(1.5deg);margin-top:var(--spacing-6)}.eduflow-landing__team-card--magenta:hover{transform:translateY(-6px) rotate(-2deg)}.eduflow-landing__team-card--yellow:hover{transform:translateY(-6px) rotate(2deg)}.eduflow-landing__footer-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:var(--spacing-10);align-items:start}.eduflow-landing__footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5)}.eduflow-landing__footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 1024px){.eduflow-landing__stack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes heroContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPostitFloatMagenta{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}@keyframes heroPostitFloatYellow{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(7deg) translateY(-10px)}}@keyframes heroPostitFloatBlue{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-10px)}}@keyframes heroPostitFloatGreen{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes badgePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width: 767px){.eduflow-landing__hero-postit{width:clamp(7rem,34vw,9rem);height:clamp(7rem,34vw,9rem);opacity:.92}.eduflow-landing__hero-postit--magenta{top:4%;right:2%}.eduflow-landing__hero-postit--yellow{top:22%;right:28%}.eduflow-landing__hero-postit--blue{bottom:28%;right:4%}.eduflow-landing__hero-postit--green{bottom:6%;right:22%}}@media (prefers-reduced-motion: reduce){.eduflow-landing__hero-postit,.eduflow-landing__hero-content,.eduflow-landing__hero-badge{animation:none}.eduflow-landing__hero-actions .eduflow-button:hover,.eduflow-landing__team-card:hover,.eduflow-landing__team-card--magenta:hover,.eduflow-landing__team-card--yellow:hover,.eduflow-landing__stack-card:hover{transform:none}}.eduflow-legal{position:relative;isolation:isolate;min-height:100vh;background:var(--color-background-primary);color:var(--color-text-primary);overflow:hidden}.eduflow-legal__postits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.eduflow-legal__postit{position:absolute;width:clamp(4.5rem,12vw,7.5rem);height:clamp(4.5rem,12vw,7.5rem);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:.85}.eduflow-legal__postit--magenta{background:var(--color-primary-500);top:8%;right:4%;transform:rotate(-7deg)}.eduflow-legal__postit--yellow{background:var(--color-secondary-500);top:28%;left:3%;transform:rotate(6deg)}.eduflow-legal__postit--blue{background:var(--color-accent-blue);bottom:22%;right:6%;transform:rotate(5deg)}.eduflow-legal__postit--green{background:var(--color-accent-green);bottom:8%;left:8%;transform:rotate(-5deg)}.eduflow-legal__navbar{position:sticky;top:0;z-index:var(--z-index-sticky);border-bottom:2px solid var(--color-border-default);background:var(--color-background-primary)}.eduflow-legal__navbar-content{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.eduflow-legal__brand{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:0;border:0;background:transparent;cursor:pointer}.eduflow-legal__brand .eduflow-icon{color:var(--color-primary-500)}.eduflow-legal__main{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-8);padding-top:var(--spacing-10);padding-bottom:var(--spacing-12)}.eduflow-legal__hero{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:42rem}.eduflow-legal__panel{border:3px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-primary);box-shadow:var(--shadow-xl);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.eduflow-legal__section{display:flex;flex-direction:column;gap:var(--spacing-2);padding-bottom:var(--spacing-5);border-bottom:2px solid var(--color-border-default)}.eduflow-legal__section:last-child{border-bottom:0;padding-bottom:0}.eduflow-legal__list{margin:var(--spacing-2) 0 0;padding-left:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-1)}.eduflow-legal__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}@media (min-width: 768px){.eduflow-legal__panel{padding:var(--spacing-8)}}@media (max-width: 639px){.eduflow-legal__postit{width:3.75rem;height:3.75rem;opacity:.7}}.platform-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-secondary)}.platform-shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-default);border-bottom:3px solid var(--color-border-default);position:sticky;top:0;z-index:20}.platform-shell__brand{display:flex;flex-direction:column;align-items:center}.platform-shell__menu-button{min-width:44px}.platform-shell__topbar-spacer{width:44px}.platform-shell__body{display:flex;flex:1 1 0%;min-height:0;align-items:stretch;overflow:hidden}.platform-shell__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:25}.platform-sidebar{width:240px;flex-shrink:0;height:100%;max-height:100%;background:var(--color-surface-default);border-right:3px solid var(--color-border-default);display:flex;flex-direction:column;z-index:30;overflow:hidden}.platform-sidebar__header{padding:var(--spacing-5) var(--spacing-4);border-bottom:3px solid var(--color-border-default);background:var(--color-secondary-500)}.platform-sidebar__header .eduflow-typography{color:var(--color-text-primary)}.platform-sidebar__nav{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);flex:1;overflow-y:auto}.platform-sidebar__link{display:flex;align-items:center;gap:var(--spacing-3);min-height:44px;padding:0 var(--spacing-3);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.platform-sidebar__link:hover{background:var(--color-background-primary);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:var(--shadow-xs)}.platform-sidebar__link.is-active{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.platform-sidebar__link.is-active .platform-sidebar__link-icon{color:var(--color-text-inverse)}.platform-sidebar__link-icon{width:22px;display:flex;align-items:center;justify-content:center;color:inherit}.platform-sidebar__footer{padding:var(--spacing-3) var(--spacing-4);border-top:3px solid var(--color-border-default);display:flex;flex-direction:column;gap:var(--spacing-3);background:var(--color-background-primary)}.platform-sidebar__user{display:flex;align-items:center;gap:var(--spacing-3)}.platform-sidebar__user-info{min-width:0;flex:1;display:flex;flex-direction:column}.platform-sidebar__user-email{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-main{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-8) + env(safe-area-inset-bottom))}.platform-page-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.platform-section{padding:var(--spacing-6);margin-bottom:var(--spacing-4)}.platform-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.platform-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.platform-overview__kpi{display:flex;flex-direction:column;gap:var(--spacing-1);min-height:140px}.platform-overview__quick{margin-top:var(--spacing-2)}.platform-overview__quick-links{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.platform-overview__kpi-chart{margin-top:var(--spacing-2);width:100%;height:60px}.platform-overview__chart-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-overview__chart-wrapper{width:100%;height:240px}.platform-stats__controls{margin-bottom:var(--spacing-4)}.platform-stats__controls-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.platform-stats__period{min-width:220px}.platform-stats__totals{display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right}.platform-stats__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 960px){.platform-stats__grid{grid-template-columns:1fr 1fr}}.platform-stats__card{display:flex;flex-direction:column}.platform-stats__chart{width:100%}.platform-establishments__card{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2)}.platform-establishments__card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.platform-establishments__stats{display:flex;flex-direction:column;gap:.2rem;margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08))}.platform-establishments__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-establishments__form-field{width:100%}.platform-admins__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-admins__row{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.platform-admins__row-main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.platform-admins__row-identity{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.platform-admins__row-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.platform-admins__row-actions .platform-users__row-actions{display:contents}.platform-admins__toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.platform-admins__toolbar-select{flex:1 1 280px;min-width:240px}.platform-admins__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-admins__form-field{width:100%}.platform-admins__form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.platform-admins__establishment-summary{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5);border:2px dashed var(--color-border-default);background:var(--color-background-secondary)}.platform-admins__empty{margin-top:var(--spacing-4)}@media (min-width: 480px){.platform-admins__form-row{grid-template-columns:1fr 1fr}}.platform-users__filters{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);align-items:end}.platform-users__filters-search{width:100%}.platform-users__filters-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.platform-users__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-users__row{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.platform-users__row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.platform-users__row-identity{display:flex;align-items:center;gap:var(--spacing-3);min-width:0;flex:1}.platform-users__row-text{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.platform-users__row-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.platform-users__row-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.platform-users__row-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.platform-users__row-actions .platform-users__row-actions{display:contents}.platform-users__row-meta{padding-top:var(--spacing-2);border-top:1px solid var(--color-border-subtle, rgba(0, 0, 0, .08))}.platform-users__establishment-link{display:inline;margin:0;padding:0;border:none;background:none;box-shadow:none;cursor:pointer;font-family:inherit;font-size:.75rem;line-height:1.4;color:var(--color-text-tertiary, #6b7280);text-decoration:underline;text-underline-offset:2px;text-align:left}.platform-users__establishment-link:hover{color:var(--primary);background:none;transform:none;box-shadow:none}.platform-users__establishment-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.platform-users__pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:2px solid var(--color-border-default)}.platform-users__pagination-controls{display:flex;align-items:center;gap:var(--spacing-3)}@media (min-width: 640px){.platform-users__filters{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.platform-users__filters{grid-template-columns:2fr 1fr 1fr 1fr}}.platform-settings__form{display:flex;flex-direction:column;gap:var(--spacing-4)}.platform-settings__field{width:100%}.platform-settings__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:2px solid var(--color-border-default);flex-wrap:wrap}.platform-settings__env{display:grid;grid-template-columns:1fr;gap:var(--spacing-2)}.platform-settings__env-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-secondary);border-radius:var(--radius-md);flex-wrap:wrap}.platform-settings__env-label{font-family:var(--font-family-mono, monospace);text-transform:uppercase;letter-spacing:.05em}.platform-settings__env-value{text-align:right;word-break:break-all}@media (min-width: 768px){.platform-settings__env{grid-template-columns:1fr 1fr}}.platform-audit__filters{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);align-items:end}.platform-audit__filters-search{width:100%}.platform-audit__filters-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-5);margin-bottom:var(--spacing-5);padding-top:var(--spacing-4);border-top:2px solid var(--color-border-default)}.platform-audit__filters-actions-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3)}.platform-audit__results{margin-top:var(--spacing-2)}.platform-audit__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.platform-audit__row{display:grid;grid-template-columns:1fr;gap:var(--spacing-2);padding:var(--spacing-3);border:2px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-default)}.platform-audit__row-when,.platform-audit__row-action{min-width:0}.platform-audit__row-actor,.platform-audit__row-target{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;word-break:break-word}.platform-audit__row-ip{font-family:var(--font-family-mono, monospace)}.platform-audit__pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:2px solid var(--color-border-default)}.platform-audit__pagination-controls{display:flex;align-items:center;gap:var(--spacing-3)}@media (min-width: 640px){.platform-audit__filters{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.platform-audit__filters{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.platform-audit__row{grid-template-columns:160px 200px 1fr 1fr;align-items:center}}.platform-coming-soon{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-6);background:var(--color-surface-default);border:3px dashed var(--color-border-default);border-radius:var(--radius-lg)}.platform-nav-pages{display:flex;flex-direction:column;gap:var(--spacing-6)}.platform-nav-pages__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.platform-nav-pages__group{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-5);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:var(--color-background-primary)}.platform-nav-pages__group--magenta{border-left:8px solid var(--color-primary-500)}.platform-nav-pages__group--yellow{border-left:8px solid var(--color-secondary-500)}.platform-nav-pages__group--blue{border-left:8px solid var(--color-accent-blue)}.platform-nav-pages__group--cyan{border-left:8px solid var(--color-accent-cyan)}.platform-nav-pages__group--green{border-left:8px solid var(--color-accent-green)}.platform-nav-pages__group--orange{border-left:8px solid var(--color-warning-500)}.platform-nav-pages__group--neutral{border-left:8px solid var(--color-text-tertiary)}.platform-nav-pages__group-head{display:flex;flex-direction:column;gap:var(--spacing-1)}.platform-nav-pages__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.platform-nav-pages__card{display:flex;flex-direction:column;gap:var(--spacing-2);border-width:2px}.platform-nav-pages__card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.platform-nav-pages__card-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-secondary-500);box-shadow:var(--shadow-xs)}.platform-nav-pages__path{font-family:var(--font-family-mono)}.platform-nav-pages__card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}@media (min-width: 768px){.platform-nav-pages__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.platform-nav-pages__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1023px){.platform-sidebar{position:fixed;inset:0 auto 0 0;top:0;bottom:0;min-height:100vh;min-height:100dvh;height:auto;transform:translate(-100%);transition:transform var(--transition-normal)}.platform-sidebar--open{transform:translate(0)}}@media (min-width: 640px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.platform-shell__topbar,.platform-shell__backdrop{display:none}.platform-main{padding:var(--spacing-8)}.platform-grid{grid-template-columns:repeat(3,1fr)}}.platform-overview__kpi--clickable{cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.platform-overview__kpi--clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px) rotate(-.5deg)}.platform-overview__alerts,.platform-overview__activity{display:flex;flex-direction:column;gap:var(--spacing-2)}.platform-overview__activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle, #eee)}.platform-overview__activity-row:last-child{border-bottom:none}.platform-audit-detail__json{margin-top:var(--spacing-2);padding:var(--spacing-3);background:var(--color-background-secondary);border-radius:var(--radius-md, 6px);font-size:.8rem;overflow-x:auto;max-height:240px}.platform-establishments__card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.platform-audit__quick-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.platform-users__drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.platform-users__drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100%;background:var(--color-surface-default);border-left:3px solid var(--color-border-default);z-index:50;padding:var(--spacing-5);overflow-y:auto}.establishment-shell--centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:var(--color-background-secondary)}.establishment-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.establishment-detail__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 640px){.establishment-detail__grid{grid-template-columns:1fr 1fr}}.establishment-detail__full{grid-column:1 / -1}.establishment-overview__roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-4)}.establishment-overview__role-row{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.establishment-overview__role-row:nth-child(4n+1){background:var(--color-primary-100)}.establishment-overview__role-row:nth-child(4n+2){background:var(--color-secondary-100)}.establishment-overview__role-row:nth-child(4n+3){background:var(--color-accent-cyan)}.establishment-overview__role-row:nth-child(4n+4){background:var(--color-accent-green)}.establishment-overview__role-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.teacher-page{min-height:100vh;min-height:-webkit-fill-available;background:var(--color-background-secondary);padding:calc(var(--spacing-4) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(var(--spacing-8) + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.teacher-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-6);background:var(--color-surface-default);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.teacher-topbar__user{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.teacher-topbar__user-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.teacher-topbar__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-page-header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.teacher-page-header__main{display:flex;flex-direction:column;gap:var(--spacing-2)}.teacher-page-header__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.teacher-page-header__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.teacher-back-bar{margin-bottom:var(--spacing-4)}.teacher-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.teacher-section{padding:var(--spacing-5)}.teacher-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.teacher-section__title-row{display:flex;align-items:center;gap:var(--spacing-2)}.teacher-course-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.teacher-course-item{display:flex;align-items:center;gap:var(--spacing-3);min-height:var(--touch-target-min);padding:var(--spacing-4);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.teacher-course-item:hover{background:var(--color-primary-50);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.teacher-course-item:active{transform:translate(0);box-shadow:var(--shadow-xs)}.teacher-course-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.teacher-course-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-secondary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.teacher-course-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.teacher-course-item__title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-snug)}.teacher-course-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-course-item__chevron{flex-shrink:0;color:var(--color-primary-500)}.teacher-courses-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.teacher-courses-toolbar{margin-bottom:var(--spacing-4)}.teacher-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);background:var(--color-surface-default);border:3px dashed var(--color-border-default);border-radius:var(--radius-lg)}.teacher-empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-100);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-primary-600)}.teacher-loading{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--color-text-secondary)}.teacher-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.teacher-detail-hero{padding:var(--spacing-6);background:var(--color-primary-500);border-bottom:3px solid var(--color-border-default);color:var(--color-text-inverse)}.teacher-detail-hero .eduflow-typography--color-tertiary,.teacher-detail-hero .eduflow-typography--color-secondary{color:#ffffffd9!important}.teacher-detail-body{padding:var(--spacing-5)}.teacher-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.teacher-detail-meta .eduflow-badge{border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.teacher-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4)}.teacher-coming-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);padding:var(--spacing-6);background:var(--color-background-secondary);border:3px dashed var(--color-border-default);border-radius:var(--radius-lg)}.teacher-coming-soon__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-secondary-100);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary)}.teacher-form{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2)}.teacher-form__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.teacher-dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);padding:var(--spacing-6);background:var(--color-background-secondary);border:3px dashed var(--color-border-default);border-radius:var(--radius-lg)}.teacher-dropzone__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-secondary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-lg)}.teacher-todo-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);padding:var(--spacing-6);background:var(--color-background-secondary);border:3px solid var(--color-border-default);border-radius:var(--radius-lg)}.teacher-todo-empty__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-accent-green);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary)}@media (min-width: 640px){.teacher-page{padding:calc(var(--spacing-6) + env(safe-area-inset-top)) calc(var(--spacing-6) + env(safe-area-inset-right)) calc(var(--spacing-10) + env(safe-area-inset-bottom)) calc(var(--spacing-6) + env(safe-area-inset-left))}.teacher-page-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.teacher-grid,.teacher-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.teacher-page{padding:calc(var(--spacing-8) + env(safe-area-inset-top)) calc(var(--spacing-8) + env(safe-area-inset-right)) calc(var(--spacing-12) + env(safe-area-inset-bottom)) calc(var(--spacing-8) + env(safe-area-inset-left))}.teacher-detail-grid{grid-template-columns:2fr 1fr;align-items:start}}@media (prefers-reduced-motion: reduce){.teacher-course-item{transition:none}.teacher-course-item:hover{transform:none}}.teacher-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-background-secondary)}.teacher-shell__main{flex:1;min-width:0;padding:calc(var(--spacing-4) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.teacher-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-index-fixed);display:flex;flex-direction:column;background:var(--color-background-primary);border-top:3px solid var(--color-border-default);box-shadow:var(--shadow-lg)}.teacher-nav__user{display:none}.teacher-nav__user-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.teacher-nav__user-email{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-nav__links{display:flex;flex-direction:row;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.teacher-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:var(--touch-target-large);padding:var(--spacing-2) var(--spacing-1);text-decoration:none;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-semibold);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.teacher-nav__link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);transition:background-color var(--transition-fast),transform var(--transition-fast)}.teacher-nav__link.is-active{color:var(--color-text-primary)}.teacher-nav__link.is-active .teacher-nav__link-icon{background:var(--color-primary-500);border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.teacher-nav__link.is-active .teacher-nav__link-icon svg{color:#fff}@media (min-width: 1024px){.teacher-shell{flex-direction:row;height:100vh;height:100dvh;overflow:hidden}.teacher-shell__main{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-8)}.teacher-nav{position:static;width:260px;flex-shrink:0;height:100%;border-top:none;border-right:3px solid var(--color-border-default);box-shadow:none}.teacher-nav__user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4);border-bottom:2px solid var(--color-border-default)}.teacher-nav__logout{flex-shrink:0;min-width:36px}.teacher-nav__links{flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);overflow-y:auto}.teacher-nav__link{flex-direction:row;justify-content:flex-start;gap:var(--spacing-3);min-height:44px;padding:0 var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:background-color var(--transition-fast),color var(--transition-fast)}.teacher-nav__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.teacher-nav__link.is-active{background:var(--color-primary-50);color:var(--color-primary-600)}.teacher-nav__link.is-active .teacher-nav__link-icon{background:none;border:none;box-shadow:none;transform:none}.teacher-nav__link.is-active .teacher-nav__link-icon svg{color:var(--color-primary-600)}.teacher-nav__link-icon{width:22px;height:auto}.teacher-nav__link-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}}.teacher-assignments-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.teacher-assignments-toolbar>*{flex:1 1 220px}.teacher-assignment-item{display:flex;align-items:center;gap:var(--spacing-3);min-height:var(--touch-target-min);padding:var(--spacing-4);width:100%;margin-bottom:var(--spacing-3);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:left;font-family:inherit;cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.teacher-assignment-item:last-child{margin-bottom:0}.teacher-assignment-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-accent-blue);border:3px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:#fff}.teacher-assignment-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.teacher-assignment-item__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.teacher-assignment-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.teacher-assignment-item__badge{flex-shrink:0}.teacher-questions{display:flex;flex-direction:column;gap:var(--spacing-2)}.teacher-question-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.teacher-question-row>*:first-child{flex:1;width:100%}.teacher-question-row__meta{display:flex;align-items:center;gap:var(--spacing-2)}.teacher-questions__list{display:flex;flex-direction:column;gap:var(--spacing-2);max-height:40vh;overflow-y:auto;padding-right:var(--spacing-1)}@media (min-width: 640px){.teacher-question-row{flex-direction:row;align-items:flex-start}.teacher-question-row__meta{flex-shrink:0}}.teacher-question-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-background-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg)}.teacher-roster-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-background-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg)}.dashboard-page{position:relative;isolation:isolate;min-height:100vh;min-height:-webkit-fill-available;background:var(--color-background-secondary);padding:calc(var(--spacing-4) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(var(--spacing-6) + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));-webkit-overflow-scrolling:touch;overflow:hidden}.dashboard-page__postits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.dashboard-page__postit{position:absolute;width:clamp(4rem,12vw,7rem);height:clamp(4rem,12vw,7rem);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:.75}.dashboard-page__postit--magenta{background:var(--color-primary-500);top:5%;right:4%;transform:rotate(-8deg)}.dashboard-page__postit--yellow{background:var(--color-secondary-500);bottom:12%;left:3%;transform:rotate(6deg)}.dashboard-page__container{position:relative;z-index:1;width:100%}.dashboard-page__header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.dashboard-page__user-info{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-page__user-details{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.dashboard-page__content{display:flex;flex-direction:column;gap:var(--spacing-5)}.dashboard-card{padding:var(--spacing-5)}.dashboard-card--hero{background:var(--color-primary-500);color:var(--color-text-inverse)}.dashboard-card--hero .eduflow-typography{color:var(--color-text-inverse)}.dashboard-card--yellow{background:var(--color-secondary-500)}.dashboard-card--cyan{background:var(--color-accent-cyan)}.dashboard-card--green{background:var(--color-accent-green)}.dashboard-page__actions{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 640px){.dashboard-page__header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-page__actions{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-page{padding:calc(var(--spacing-8) + env(safe-area-inset-top)) calc(var(--spacing-8) + env(safe-area-inset-right)) calc(var(--spacing-8) + env(safe-area-inset-bottom)) calc(var(--spacing-8) + env(safe-area-inset-left))}.dashboard-page__actions{grid-template-columns:repeat(3,1fr)}}.student-page-header__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.student-toolbar,.student-back-bar{margin-bottom:var(--spacing-4)}.student-detail-hero{padding:var(--spacing-6);background:var(--color-primary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-4);color:var(--color-text-inverse)}.student-detail-hero .eduflow-typography--color-tertiary,.student-detail-hero .eduflow-typography--color-secondary{color:#ffffffd9!important}.student-detail-body{padding:var(--spacing-5)}.student-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.student-detail-meta .eduflow-badge{border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.student-filter-row{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap}.student-filter-btn{min-height:var(--touch-target-min);padding:var(--spacing-2) var(--spacing-4);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-filter-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-xs)}.student-filter-btn--active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-xs)}.student-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.student-form__field{display:flex;flex-direction:column}.student-form__actions{margin-top:var(--spacing-2)}.student-average-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);margin-bottom:var(--spacing-4);background:var(--color-primary-500);color:#fff;border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.student-average-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;background:var(--color-secondary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary)}.student-grade-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-3);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.student-grade-row:last-child{margin-bottom:0}.student-grade-row__body{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.student-grade-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.student-grade-row__score{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-xl);flex-shrink:0}.student-grade-row__score--success{color:var(--color-success-600)}.student-grade-row__score--warning{color:var(--color-warning-600)}.student-grade-row__score--error{color:var(--color-error-600)}.student-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-background-secondary)}.student-shell__main{flex:1;min-width:0;padding:calc(var(--spacing-4) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.student-page-header{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-5);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.student-page-header--hero{background:var(--color-secondary-500)}.student-page-header__accent{position:absolute;width:4.5rem;height:4.5rem;border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none}.student-page-header__accent--magenta{background:var(--color-primary-500);top:-.75rem;right:1rem;transform:rotate(-8deg)}.student-page-header__accent--blue{background:var(--color-accent-blue);bottom:-1rem;right:5rem;transform:rotate(6deg)}.student-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-index-fixed);display:flex;flex-direction:column;background:var(--color-background-primary);border-top:3px solid var(--color-border-default);box-shadow:var(--shadow-lg)}.student-nav__user{display:none}.student-nav__user-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.student-nav__user-email{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-nav__links{display:flex;flex-direction:row;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.student-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:var(--touch-target-large);padding:var(--spacing-2) var(--spacing-1);text-decoration:none;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-semibold);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-nav__link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);transition:background-color var(--transition-fast),transform var(--transition-fast)}.student-nav__link.is-active{color:var(--color-text-primary)}.student-nav__link.is-active .student-nav__link-icon{background:var(--color-primary-500);border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.student-nav__link.is-active .student-nav__link-icon svg{color:#fff}.student-nav__link-label{line-height:1}.student-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.student-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);min-height:var(--touch-target-large);padding:var(--spacing-4);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-stat-card:nth-child(1){background:var(--color-secondary-500)}.student-stat-card:nth-child(2){background:var(--color-accent-cyan)}.student-stat-card:nth-child(3){background:var(--color-accent-green)}.student-stat-card--span2{grid-column:span 2}.student-stat-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.student-stat-card:active{transform:translate(0);box-shadow:var(--shadow-xs)}.student-stat-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.student-stat-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--color-text-primary);background:var(--color-background-primary)}.student-stat-card__icon--courses{background:var(--color-background-primary)}.student-stat-card__icon--assignments{background:var(--color-background-primary);color:var(--color-text-primary)}.student-stat-card__icon--grades{background:var(--color-background-primary)}.student-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);line-height:1;color:var(--color-text-primary)}.student-stat-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.student-section{padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.student-section--courses{border-left:8px solid var(--color-secondary-500)}.student-section--assignments{border-left:8px solid var(--color-accent-blue)}.student-section--grades{border-left:8px solid var(--color-accent-green)}.student-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.student-section__title-row{display:flex;align-items:center;gap:var(--spacing-2)}.student-course-item{display:flex;align-items:center;gap:var(--spacing-3);min-height:var(--touch-target-min);padding:var(--spacing-4);width:100%;margin-bottom:var(--spacing-3);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;font-family:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-course-item:last-child{margin-bottom:0}.student-course-item:hover{background:var(--color-primary-50);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.student-course-item:active{transform:translate(0);box-shadow:var(--shadow-xs)}.student-course-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.student-course-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-secondary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.student-course-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.student-course-item__title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-snug)}.student-course-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-course-item__chevron{flex-shrink:0;color:var(--color-primary-500)}.student-assignment-item{display:flex;align-items:center;gap:var(--spacing-3);min-height:var(--touch-target-min);padding:var(--spacing-4);width:100%;margin-bottom:var(--spacing-3);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;font-family:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.student-assignment-item:last-child{margin-bottom:0}.student-assignment-item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.student-assignment-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-accent-blue);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:#fff}.student-assignment-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.student-assignment-item__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.student-assignment-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.student-assignment-item__badges{flex-shrink:0}.student-grade-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-2);background:var(--color-background-primary);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.student-grade-item:last-child{margin-bottom:0}.student-grade-item__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.student-grade-item__score{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);flex-shrink:0}.student-grade-item__score--success{color:var(--color-success-600)}.student-grade-item__score--warning{color:var(--color-warning-600)}.student-grade-item__score--error{color:var(--color-error-600)}.student-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);background:var(--color-background-primary);border:3px dashed var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.student-empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-secondary-500);border:3px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary)}.student-loading{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--color-text-secondary)}@media (min-width: 640px){.student-shell__main{padding:calc(var(--spacing-6) + env(safe-area-inset-top)) calc(var(--spacing-6) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--spacing-6) + env(safe-area-inset-left))}.student-stats-grid{grid-template-columns:repeat(3,1fr)}.student-stat-card--span2{grid-column:auto}}@media (min-width: 1024px){.student-shell{flex-direction:row;height:100vh;height:100dvh;overflow:hidden}.student-shell__main{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-8)}.student-nav{position:static;flex-direction:column;width:260px;flex-shrink:0;height:100%;border-top:none;border-right:3px solid var(--color-border-default);box-shadow:none}.student-nav__user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4);border-bottom:3px solid var(--color-border-default);background:var(--color-secondary-500)}.student-nav__logout{flex-shrink:0;min-width:36px}.student-nav__links{flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);overflow-y:auto}.student-nav__link{flex-direction:row;justify-content:flex-start;gap:var(--spacing-3);min-height:44px;padding:0 var(--spacing-3);border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.student-nav__link:hover{background:var(--color-background-primary);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:var(--shadow-xs)}.student-nav__link.is-active{background:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.student-nav__link.is-active .student-nav__link-icon{background:var(--color-background-primary);border:2px solid var(--color-border-default);box-shadow:var(--shadow-xs);transform:none;color:var(--color-text-primary)}.student-nav__link.is-active .student-nav__link-icon svg{color:var(--color-text-primary)}.student-nav__link-icon{width:28px;height:28px;border-radius:var(--radius-sm)}.student-nav__link-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}}@media (prefers-reduced-motion: reduce){.student-stat-card,.student-course-item,.student-assignment-item{transition:none}.student-stat-card:hover,.student-course-item:hover,.student-assignment-item:hover{transform:none}}.ui-test{min-height:100vh;min-height:-webkit-fill-available;background:var(--background);padding:calc(var(--spacing-md, 1rem) + env(safe-area-inset-top)) calc(var(--spacing-md, 1rem) + env(safe-area-inset-right)) calc(var(--spacing-2xl, 3rem) + env(safe-area-inset-bottom)) calc(var(--spacing-md, 1rem) + env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.ui-test__container{max-width:1200px;margin:0 auto}.ui-test__header{text-align:center;margin-bottom:var(--spacing-xl, 2rem);padding:var(--spacing-lg, 1.5rem) 0}.ui-test__typography-demo{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-background-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-default)}.ui-test__content{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem)}.ui-test__section,.ui-test__section-inner{width:100%}.ui-test__subsection{margin-bottom:var(--spacing-8)}.ui-test__subsection:last-child{margin-bottom:0}.ui-test__subsection-title{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}.ui-test__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md, 1rem)}@media (min-width: 640px){.ui-test__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ui-test__grid{grid-template-columns:repeat(3,1fr)}}.ui-test__badge-container{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.ui-test__coming-soon{font-style:italic;padding:var(--spacing-6);background:var(--color-background-primary);border-radius:var(--radius-lg);border:1px dashed var(--color-border-default)}@media (min-width: 768px){.ui-test{padding:var(--spacing-xl, 2rem);padding-bottom:var(--spacing-2xl, 3rem)}}.design-system-page{min-height:100vh;min-height:-webkit-fill-available;background:var(--color-background-primary);padding:calc(var(--spacing-4) + env(safe-area-inset-top)) calc(var(--spacing-4) + env(safe-area-inset-right)) calc(var(--spacing-12) + env(safe-area-inset-bottom)) calc(var(--spacing-4) + env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch}.design-system-page__container{max-width:1200px;margin:0 auto}.design-system-page__header{text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6) 0;border-bottom:2px solid var(--color-border-default)}.design-system-page__content{display:flex;flex-direction:column;gap:var(--spacing-8)}.design-system-section{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--color-border-default)}.design-system-section__title{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-primary-light)}.design-system-subsection{margin-bottom:var(--spacing-6)}.design-system-subsection:last-child{margin-bottom:0}.design-system-subsection__title{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-4)}.color-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.color-item__swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm)}.spacing-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-4)}.spacing-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.spacing-visual{background:var(--color-primary-500);border-radius:var(--radius-sm)}.radius-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-4)}.radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.radius-visual{display:flex;align-items:center;justify-content:center}.shadow-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-4)}.shadow-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.shadow-visual{display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.design-system-page,.design-system-section{padding:var(--spacing-8)}}.App{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;background:var(--background);color:var(--text)}.App:has(>.platform-shell){height:100dvh;max-height:100dvh;overflow:hidden}