.lab-shell{display:flex;height:100vh;padding:10px}.lab-island{flex:1;display:flex;flex-direction:column;border-radius:var(--z-radius-4xl);border:1px solid var(--z-border-primary);background:var(--z-bg-card);overflow:hidden;box-shadow:var(--z-shadow-lg)}.lab-topbar{height:var(--z-topbar-height);background:var(--z-bg-topbar);border-bottom:1px solid var(--z-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.lab-topbar__wordmark{display:flex;align-items:center;gap:6px}.lab-topbar__brand{font-weight:var(--z-font-weight-bold);font-size:var(--z-font-size-lg);color:var(--z-primary);letter-spacing:-.01em}.lab-topbar__sub{font-size:var(--z-font-size-md);color:var(--z-text-muted);font-weight:var(--z-font-weight-medium)}.lab-topbar__locale{display:flex;gap:4px}.lab-locale-btn{padding:4px 10px;border-radius:var(--z-radius-full);font-size:var(--z-font-size-sm);font-weight:var(--z-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--z-letter-spacing-wide);border:1px solid var(--z-border-input);background:var(--z-gray-75);color:var(--z-text-muted);cursor:pointer;transition:all var(--z-transition-base)}.lab-locale-btn--active{background:var(--z-primary);color:#fff;border-color:transparent}.lab-locale-btn:not(.lab-locale-btn--active):hover{background:var(--z-bg-hover);color:var(--z-text-primary)}.lab-main{flex:1;overflow-y:auto}.lab-main--padded{padding:var(--z-content-padding)}@media(max-width:1024px){.lab-shell{padding:0}.lab-island{border-radius:0;border:none}}@media(max-width:768px){.lab-topbar{padding:0 14px}}:root{--z-primary: oklch(.52 .18 255);--z-primary-hover: oklch(.47 .18 255);--z-primary-active: oklch(.44 .18 255);--z-primary-light: oklch(.96 .03 255);--z-primary-lighter: oklch(.93 .06 255);--z-primary-lightest: oklch(.95 .04 255);--z-primary-bg: #eff6ff;--z-primary-border: #bfdbfe;--z-primary-text: #2563eb;--z-primary-rgb: 37, 99, 235;--z-success: #16a34a;--z-success-bg: #f0fdf4;--z-success-border: #bbf7d0;--z-success-light: #15803d;--z-warning: #d97706;--z-warning-bg: #fffbeb;--z-warning-border: #fde68a;--z-warning-light: #92400e;--z-danger: #dc2626;--z-danger-bg: #fef2f2;--z-danger-border: #fecaca;--z-danger-light: #ef4444;--z-purple: #7c3aed;--z-purple-bg: #faf5ff;--z-purple-border: #ddd6fe;--z-role-director: oklch(.52 .18 310);--z-role-director-bg: oklch(.93 .06 310);--z-role-admin: oklch(.52 .18 255);--z-role-admin-bg: oklch(.93 .06 255);--z-role-teacher: oklch(.52 .18 160);--z-role-teacher-bg: oklch(.93 .06 160);--z-plan-plus: #64748b;--z-plan-plus-bg: #f1f5f9;--z-plan-plus-border: #e2e8f0;--z-plan-pro: oklch(.52 .18 255);--z-plan-pro-bg: #eff6ff;--z-plan-pro-border: #bfdbfe;--z-plan-max: #7c3aed;--z-plan-max-bg: #faf5ff;--z-plan-max-border: #ddd6fe;--z-stat-groups: oklch(.52 .18 255);--z-stat-groups-bg: #eff6ff;--z-stat-students: oklch(.52 .18 160);--z-stat-students-bg: #f0fdf4;--z-stat-teachers: oklch(.52 .18 310);--z-stat-teachers-bg: #faf5ff;--z-stat-materials: oklch(.52 .18 50);--z-stat-materials-bg: #fffbeb;--z-gray-950: #020617;--z-gray-900: #0f172a;--z-gray-800: #1e293b;--z-gray-700: #334155;--z-gray-600: #475569;--z-gray-500: #64748b;--z-gray-400: #94a3b8;--z-gray-300: #cbd5e1;--z-gray-200: #e2e8f0;--z-gray-150: #e8edf3;--z-gray-100: #f1f5f9;--z-gray-75: #f8fafc;--z-gray-50: #f8f9fb;--z-text-primary: #0f172a;--z-text-regular: #334155;--z-text-secondary: #475569;--z-text-muted: #64748b;--z-text-placeholder: #94a3b8;--z-text-disabled: #cbd5e1;--z-text-white: #ffffff;--z-text-on-sidebar: #e2e8f0;--z-bg-page: #f8f9fb;--z-bg-card: #ffffff;--z-bg-elevated: #ffffff;--z-bg-sidebar: #0f172a;--z-bg-topbar: #ffffff;--z-bg-input: #ffffff;--z-bg-input-disabled: #f8fafc;--z-bg-hover: #fafbff;--z-bg-hover-sidebar: rgba(255, 255, 255, .05);--z-bg-active-sidebar: rgba(255, 255, 255, .1);--z-bg-section: #f8fafc;--z-bg-overlay: rgba(15, 23, 42, .4);--z-bg-overlay-sidebar: rgba(15, 23, 42, .3);--z-border-primary: #e8edf3;--z-border-input: #e2e8f0;--z-border-light: #f1f5f9;--z-border-extra-light: #f8fafc;--z-border-focus: oklch(.52 .18 255);--z-border-sidebar: rgba(255, 255, 255, .06);--z-radius-xs: 4px;--z-radius-sm: 6px;--z-radius-md: 8px;--z-radius-lg: 10px;--z-radius-xl: 12px;--z-radius-2xl: 14px;--z-radius-3xl: 14px;--z-radius-4xl: 16px;--z-radius-full: 9999px;--z-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--z-shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--z-shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .08), 0 4px 8px -4px rgba(15, 23, 42, .04);--z-shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18);--z-shadow-2xl: 0 24px 48px -12px rgba(15, 23, 42, .18);--z-shadow-drawer: -12px 0 32px -8px rgba(15, 23, 42, .12);--z-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--z-font-size-xs: 11px;--z-font-size-sm: 12px;--z-font-size-base: 14px;--z-font-size-md: 14px;--z-font-size-lg: 16px;--z-font-size-xl: 16px;--z-font-size-2xl: 18px;--z-font-size-3xl: 18px;--z-font-size-4xl: 20px;--z-font-size-5xl: 22px;--z-font-size-6xl: 24px;--z-font-size-stat: 30px;--z-font-weight-regular: 400;--z-font-weight-medium: 500;--z-font-weight-semibold: 600;--z-font-weight-bold: 700;--z-font-weight-extrabold: 800;--z-line-height-tight: 1;--z-line-height-snug: 1.4;--z-line-height-normal: 1.5;--z-line-height-relaxed: 1.6;--z-line-height-loose: 1.7;--z-line-height-body: 1.8;--z-letter-spacing-tight: .01em;--z-letter-spacing-wide: .3px;--z-letter-spacing-wider: .5px;--z-letter-spacing-widest: .6px;--z-space-1: 4px;--z-space-2: 6px;--z-space-3: 8px;--z-space-4: 10px;--z-space-5: 12px;--z-space-6: 14px;--z-space-7: 16px;--z-space-8: 18px;--z-space-9: 20px;--z-space-10: 22px;--z-space-11: 24px;--z-space-12: 28px;--z-space-13: 32px;--z-space-14: 40px;--z-space-15: 48px;--z-space-16: 64px;--z-sidebar-width: 220px;--z-topbar-height: 56px;--z-drawer-width: 480px;--z-drawer-width-lg: 500px;--z-drawer-width-xl: 520px;--z-modal-width: 520px;--z-content-padding: 28px;--z-index-sidebar: 20;--z-index-topbar: 10;--z-index-dropdown: 100;--z-index-notification: 500;--z-index-drawer-bg: 900;--z-index-drawer: 901;--z-index-modal: 1000;--z-transition-fast: .1s ease;--z-transition-base: .15s ease;--z-transition-slow: .2s ease;--z-transition-color: color .15s ease, background .15s ease, border-color .15s ease;--z-scrollbar-width: 5px;--z-scrollbar-thumb: #cbd5e1;--z-scrollbar-track: transparent;--z-avatar-xs: 22px;--z-avatar-sm: 32px;--z-avatar-md: 36px;--z-avatar-lg: 42px;--z-avatar-xl: 56px;--z-avatar-2xl: 72px;--z-icon-xs: 12px;--z-icon-sm: 14px;--z-icon-md: 16px;--z-icon-lg: 18px;--z-icon-xl: 20px;--z-icon-2xl: 24px;--z-toggle-width: 42px;--z-toggle-height: 24px;--z-toggle-thumb: 20px;--z-toggle-off-bg: #e2e8f0;--z-toggle-on-bg: oklch(.52 .18 255);--z-progress-height: 4px;--z-progress-bg: #f1f5f9;--z-progress-fill: oklch(.52 .18 255);--z-progress-fill-full: #ef4444;--z-progress-fill-done: #16a34a;--z-glass-blur: saturate(140%) blur(24px);--z-glass-blur-strong: saturate(160%) blur(40px);--z-glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .4);--z-wallpaper: radial-gradient(circle at 15% 10%, #d6e6f5 0%, transparent 55%), radial-gradient(circle at 85% 90%, #fce7d6 0%, transparent 50%), radial-gradient(circle at 50% 50%, #eef2f7 0%, #e2e8f0 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{background:var(--z-wallpaper);background-size:cover;background-position:center;background-attachment:fixed}body{font-family:var(--z-font-family);font-size:var(--z-font-size-md);line-height:var(--z-line-height-normal);color:var(--z-text-primary);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:var(--z-scrollbar-width);height:var(--z-scrollbar-width)}::-webkit-scrollbar-track{background:var(--z-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--z-scrollbar-thumb);border-radius:var(--z-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--z-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--z-scrollbar-thumb) var(--z-scrollbar-track)}.z-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--z-space-12)}.z-page-header__title{font-size:var(--z-font-size-6xl);font-weight:var(--z-font-weight-bold);margin-bottom:2px}.z-page-header__subtitle{color:var(--z-text-muted);font-size:var(--z-font-size-md)}.z-card{background:var(--z-bg-card);border-radius:var(--z-radius-2xl);border:1px solid var(--z-border-primary)}.z-card__header{padding:18px 20px;border-bottom:1px solid var(--z-border-light);display:flex;align-items:center;justify-content:space-between}.z-card__body{padding:20px}.z-empty{display:flex;flex-direction:column;align-items:center;padding:64px 24px;color:var(--z-gray-400)}.z-empty__icon{width:56px;height:56px;border-radius:var(--z-radius-3xl);background:var(--z-gray-75);border:1px solid var(--z-border-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.z-empty__title{font-weight:var(--z-font-weight-semibold);font-size:var(--z-font-size-xl);color:var(--z-text-secondary);margin-bottom:4px}.z-empty__subtitle{font-size:var(--z-font-size-md);text-align:center;max-width:300px}.z-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--z-radius-full);font-size:var(--z-font-size-sm);font-weight:var(--z-font-weight-semibold);letter-spacing:var(--z-letter-spacing-wide);text-transform:uppercase;white-space:nowrap;line-height:1.5}.z-badge--blue{background:var(--z-primary-bg);color:var(--z-primary-text)}.z-badge--green{background:var(--z-success-bg);color:var(--z-success)}.z-badge--amber{background:var(--z-warning-bg);color:var(--z-warning)}.z-badge--red{background:var(--z-danger-bg);color:var(--z-danger)}.z-badge--gray{background:var(--z-gray-100);color:var(--z-gray-500)}.z-badge--purple{background:var(--z-purple-bg);color:var(--z-purple)}.z-filters{display:flex;gap:4px}.z-filter-pill{padding:6px 14px;border-radius:var(--z-radius-md);font-size:var(--z-font-size-base);font-weight:var(--z-font-weight-medium);cursor:pointer;border:1px solid var(--z-border-primary);background:var(--z-gray-75);color:var(--z-text-muted);transition:all var(--z-transition-base)}.z-filter-pill.is-active{background:var(--z-primary);color:#fff;border-color:transparent}@media(max-width:768px){:root{--z-content-padding: 16px}.z-page-header{flex-direction:column;align-items:stretch;gap:12px}.z-page-header__title{font-size:var(--z-font-size-4xl)}.z-filters{flex-wrap:wrap}.z-filters .z-filter-pill{flex:1 1 auto;text-align:center;white-space:nowrap}}@media(max-width:480px){.z-empty{padding:40px 16px}}