._header_1r28i_3{position:fixed;top:var(--space-3);left:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);z-index:var(--z-sticky);background:var(--gradient-glass);background-color:var(--color-page-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-card-border-muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}[data-theme=dark] ._header_1r28i_3{background-color:var(--color-page-overlay);border-color:var(--color-card-border)}._header_1r28i_3._scrolled_1r28i_24{background-color:var(--color-page-overlay);box-shadow:var(--shadow-lg)}[data-theme=dark] ._header_1r28i_3._scrolled_1r28i_24{background-color:var(--color-page-overlay)}._container_1r28i_33{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-3);max-width:var(--max-width-2xl);margin:0 auto;box-sizing:border-box}@media(min-width:640px){._container_1r28i_33{height:60px;padding:0 var(--space-4)}}._logo_1r28i_52{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);min-width:0}._logoIcon_1r28i_61{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}._logoImage_1r28i_71{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}._logoName_1r28i_79{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:1.1;white-space:nowrap}._logoLabels_1r28i_88{display:flex;flex-direction:column;line-height:1.1;min-width:0}._logoMeta_1r28i_95{font-size:var(--text-xs);color:var(--color-text-muted);display:none}@media(min-width:640px){._logo_1r28i_52{gap:var(--space-3)}._logoIcon_1r28i_61{width:36px;height:36px}._logoName_1r28i_79{font-size:var(--text-lg)}._logoMeta_1r28i_95{display:block}}._desktopNav_1r28i_121{display:none;align-items:center;gap:var(--space-1)}@media(min-width:1024px){._desktopNav_1r28i_121{display:flex}}._navItem_1r28i_133{position:relative}._navLink_1r28i_137{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}._navLink_1r28i_137:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted)}._navLink_1r28i_137._active_1r28i_157{color:var(--color-card-highlight-fg);background-color:var(--color-card-highlight-bg)}[data-theme=dark] ._navLink_1r28i_137._active_1r28i_157{background-color:var(--color-card-highlight-bg)}._chevron_1r28i_166{transition:transform var(--transition-fast)}._chevron_1r28i_166._rotated_1r28i_170{transform:rotate(180deg)}._dropdown_1r28i_175{position:absolute;top:100%;left:0;margin-top:var(--space-2);min-width:280px;background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-3);animation:_dropdownEnter_1r28i_1 .15s ease-out;max-width:100vw;box-sizing:border-box}._dropdownGrid_1r28i_191{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}@keyframes _dropdownEnter_1r28i_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._dropdownItem_1r28i_209{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}._dropdownItem_1r28i_209:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted)}._dropdownItem_1r28i_209._active_1r28i_157{color:var(--color-card-highlight-fg);background-color:var(--color-card-highlight-bg)}._actions_1r28i_230{display:flex;align-items:center;gap:var(--space-1)}._iconButton_1r28i_236{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:all var(--transition-fast)}._iconButton_1r28i_236:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted)}._loginButton_1r28i_252{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-interactive-primary-text);background-color:var(--color-interactive-primary-bg);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}._loginButton_1r28i_252:hover{background-color:var(--color-interactive-primary-bg-hover);color:var(--color-interactive-primary-text)}@media(min-width:768px){._loginButton_1r28i_252{display:flex}}._mobileMenuButton_1r28i_278{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast)}._mobileMenuButton_1r28i_278:hover{background-color:var(--color-bg-muted)}@media(min-width:1024px){._mobileMenuButton_1r28i_278{display:none}}._mobileNav_1r28i_300{display:block;padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-card-border-muted);animation:_slideDown_1r28i_1 .2s ease-out;box-sizing:border-box;max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain}@supports (height: 100dvh){._mobileNav_1r28i_300{max-height:calc(100dvh - 88px)}}@keyframes _slideDown_1r28i_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){._mobileNav_1r28i_300{display:none}}._mobileNavItem_1r28i_335{border-bottom:1px solid var(--color-border-light)}._mobileNavItem_1r28i_335:last-child{border-bottom:none}._mobileNavLink_1r28i_343{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-decoration:none;background:none;border:none;cursor:pointer;box-sizing:border-box}._mobileDropdown_1r28i_360{padding-bottom:var(--space-3)}._mobileDropdownItem_1r28i_364{display:block;min-height:44px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}._mobileDropdownItem_1r28i_364:hover{color:var(--color-primary-500);background-color:var(--color-bg-muted)}._mobileNavAuth_1r28i_380{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2)}._mobileUserSummary_1r28i_389{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}._mobileAuthButton_1r28i_397{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-interactive-secondary-border);background:var(--color-interactive-secondary-bg);color:var(--color-interactive-secondary-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast)}._mobileAuthButton_1r28i_397:hover{background:var(--color-interactive-secondary-bg-hover);border-color:var(--color-card-border)}._userMenu_1r28i_420{position:relative}._userButton_1r28i_424{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:var(--color-interactive-secondary-bg);border:1px solid var(--color-interactive-secondary-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}._userButton_1r28i_424:hover{background-color:var(--color-interactive-secondary-bg-hover);border-color:var(--color-card-border)}@media(min-width:768px){._userButton_1r28i_424{display:flex}}._userDropdown_1r28i_450{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:160px;background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2);animation:_dropdownEnter_1r28i_1 .15s ease-out}._userInfo_1r28i_464{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-2)}._userRole_1r28i_470{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}._logoutButton_1r28i_477{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._logoutButton_1r28i_477:hover{background-color:var(--color-alert-danger-bg)}._roleName_b9egk_1{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--role-font-weight);line-height:1.2}._prefix_b9egk_9{display:inline-flex;align-items:center;padding:0 var(--space-1);border-radius:var(--role-badge-radius);font-size:.85em;font-weight:var(--role-font-weight)}._name_b9egk_18{display:inline-block}._size-sm_b9egk_22{font-size:var(--text-sm)}._size-md_b9egk_26{font-size:var(--text-base)}._size-lg_b9egk_30{font-size:var(--text-lg)}._role-admin_b9egk_34{color:var(--role-admin)}._role-student-council_b9egk_38{color:var(--role-student-council)}._role-teacher_b9egk_42{background-image:var(--role-teacher-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:reduce){._role-teacher_b9egk_42{background-image:var(--role-teacher-gradient)}}._role-student_b9egk_38{color:var(--color-text-primary)}._role-anonymous_b9egk_61{color:var(--color-text-secondary)}._ellipsis_b9egk_65{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes _gradientShift_b9egk_1{0%{background-position:0% 50%}to{background-position:100% 50%}}._footer_1hylf_3{background:linear-gradient(180deg,var(--color-neutral-900),var(--color-primary-900));color:var(--color-neutral-300);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20);border-top:1px solid rgba(255,255,255,.08)}[data-theme=dark] ._footer_1hylf_3{border-top-color:var(--color-card-border)}._container_1hylf_15{max-width:var(--max-width-2xl);margin:0 auto;padding:0 clamp(16px,3.6vw,32px)}._grid_1hylf_21{display:grid;grid-template-columns:1fr;gap:var(--space-10)}@media(min-width:640px){._grid_1hylf_21{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){._grid_1hylf_21{grid-template-columns:2fr 1fr 1fr 1fr}}._section_1hylf_39{display:flex;flex-direction:column;gap:var(--space-4)}._logo_1hylf_46{display:flex;align-items:center;gap:var(--space-3)}._logoIcon_1hylf_52{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff}._logoImage_1hylf_65{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}._schoolName_1hylf_73{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin:0}._motto_1hylf_81{font-size:var(--text-sm);color:var(--color-neutral-400);margin:0}._description_1hylf_87{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-neutral-400);max-width:280px}._sectionTitle_1hylf_95{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0}._contactList_1hylf_106{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}._contactList_1hylf_106 li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-neutral-400)}._contactList_1hylf_106 li svg{color:var(--color-primary-400);flex-shrink:0}._linkList_1hylf_129{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}._linkList_1hylf_129 a{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-neutral-400);text-decoration:none;transition:color var(--transition-fast)}._linkList_1hylf_129 a:hover{color:var(--color-primary-400)}._installCard_1hylf_152{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;justify-content:space-between;margin-top:var(--space-10);padding:clamp(18px,3vw,24px);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 32%),linear-gradient(135deg,#ffffff0f,#0e2c2266);box-shadow:inset 0 1px #ffffff14}._installCopy_1hylf_168{display:grid;gap:var(--space-2)}._installEyebrow_1hylf_173{color:var(--color-primary-300);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase}._installTitle_1hylf_181{margin:0;color:#fff;font-size:clamp(1.1rem,2.4vw,1.4rem)}._installDescription_1hylf_187{max-width:56ch;color:var(--color-neutral-300);font-size:var(--text-sm)}._installButton_1hylf_193{min-width:230px}._installHelp_1hylf_197{display:grid;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.14);background:#081a1461}._installHelpHeader_1hylf_207{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}._installHelpEyebrow_1hylf_214{color:var(--color-neutral-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em}._installHelpTitle_1hylf_221{margin:var(--space-1) 0 0;color:#fff;font-size:var(--text-lg)}._installHelpClose_1hylf_227{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-neutral-300);transition:background-color var(--transition-fast),color var(--transition-fast)}._installHelpClose_1hylf_227:hover{background:#ffffff14;color:#fff}._installHelpList_1hylf_243{list-style:decimal;padding-left:1.25rem;color:var(--color-neutral-300);display:grid;gap:var(--space-2)}._installHelpList_1hylf_243 li{line-height:var(--leading-relaxed)}._bottom_1hylf_256{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.12)}@media(min-width:640px){._bottom_1hylf_256{flex-direction:row;justify-content:space-between}._installCard_1hylf_152{flex-direction:row;align-items:center}}._copyright_1hylf_278{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}._bottomLinks_1hylf_284{display:flex;align-items:center;gap:var(--space-3)}._bottomLinks_1hylf_284 a{font-size:var(--text-sm);color:var(--color-neutral-400);text-decoration:none;transition:color var(--transition-fast)}._bottomLinks_1hylf_284 a:hover{color:var(--color-primary-400)}._divider_1hylf_301{color:var(--color-neutral-600)}@media(max-width:767px){._installButton_1hylf_193{width:100%;min-width:0}}._shell_u3w4k_1{width:100%}._compact_u3w4k_5{max-width:min(560px,100%)}._panel_u3w4k_9{display:grid;gap:var(--space-5);padding:clamp(var(--space-6),4vw,var(--space-8));border-radius:var(--radius-2xl);border:1px solid var(--color-card-border);background:radial-gradient(circle at top left,rgba(27,77,62,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(0,0,0,.08),transparent 26%),var(--gradient-glass);box-shadow:var(--shadow-card)}._badge_u3w4k_22{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#fff9;border:1px solid var(--color-card-border);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}[data-theme=dark] ._badge_u3w4k_22{background:#ffffff14}._copy_u3w4k_41{display:grid;gap:var(--space-3)}._title_u3w4k_46{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}._description_u3w4k_51{max-width:46ch;font-size:var(--text-base);line-height:var(--leading-relaxed)}._actions_u3w4k_57{display:flex;flex-wrap:wrap;gap:var(--space-3)}._button_u3w4k_63{min-width:168px}@media(max-width:640px){._panel_u3w4k_9{gap:var(--space-4)}._button_u3w4k_63{flex:1 1 180px}}._backdrop_1l18i_1{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(16px,3vw,32px);background:linear-gradient(180deg,#06130f6b,#06130f94),#06130f47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}._dialog_1l18i_14{width:min(100%,640px)}:root{--app-shell-bg: var(--color-page-bg)}.app-shell{min-height:100vh;background:var(--app-shell-bg);display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.app-main{flex:1;width:100%;padding-top:calc(var(--header-height) + var(--space-5));padding-bottom:var(--space-8);max-width:100%;margin:0;box-sizing:border-box}.skip-link{position:absolute;left:50%;transform:translate(-50%);top:-40px;background:var(--color-primary-500);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:8px}@media(max-width:639px){.app-main{padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-10)}}:root{--color-primary-900: #0A2F1F;--color-primary-800: #123D2C;--color-primary-700: #1B4D3E;--color-primary-600: #246750;--color-primary-500: #2E7D5C;--color-primary-400: #42A07A;--color-primary-300: #5FA888;--color-primary-200: #91C7AB;--color-primary-100: #C4E3D3;--color-primary-50: #E8F5EE;--color-accent-900: #4A1229;--color-accent-800: #6B1A3C;--color-accent-700: #8B2252;--color-accent-600: #A6296A;--color-accent-500: #C2185B;--color-accent-400: #D84280;--color-accent-300: #E91E8C;--color-accent-200: #F06DA6;--color-accent-100: #F9B4D0;--color-accent-50: #FCE4EC;--color-neutral-900: #1A1A2E;--color-neutral-800: #2E2E45;--color-neutral-700: #4A4A68;--color-neutral-600: #66668A;--color-neutral-500: #8B8BA0;--color-neutral-400: #A8A8B9;--color-neutral-300: #C5C5D2;--color-neutral-200: #E1E1E8;--color-neutral-100: #F0F0F4;--color-neutral-50: #FAFAFA;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-bg: var(--color-neutral-50);--color-bg-elevated: #FFFFFF;--color-bg-muted: var(--color-neutral-100);--color-bg-subtle: var(--color-neutral-50);--color-surface: #FFFFFF;--color-surface-hover: var(--color-neutral-100);--color-surface-muted: #f7f7fa;--color-surface-contrast: #111827;--color-page-bg: var(--color-bg);--color-page-bg-alt: var(--color-bg-muted);--color-page-bg-elevated: var(--color-bg-elevated);--color-page-overlay: rgba(255, 255, 255, .55);--color-card-bg: var(--color-surface);--color-card-border: var(--color-border);--color-card-border-muted: var(--color-border-light);--color-card-border-hover: var(--color-primary-300);--color-card-highlight-bg: var(--color-primary-50);--color-card-highlight-fg: var(--color-primary-700);--color-chip-bg: var(--color-bg-muted);--color-chip-bg-active: var(--gradient-primary);--color-chip-border: var(--color-border);--color-chip-text: var(--color-text-primary);--color-chip-text-active: #FFFFFF;--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-text-inverse: #FFFFFF;--color-border: var(--color-neutral-200);--color-border-light: var(--color-neutral-100);--color-divider: var(--color-neutral-200);--color-focus-ring: rgba(46, 125, 92, .35);--color-overlay-backdrop: rgba(13, 17, 23, .45);--color-form-bg: var(--color-surface);--color-form-bg-muted: var(--color-bg-muted);--color-form-border: var(--color-border);--color-form-border-hover: var(--color-neutral-300);--color-form-border-focus: var(--color-primary-500);--color-form-text: var(--color-text-primary);--color-form-placeholder: var(--color-text-muted);--color-interactive-primary-bg: var(--color-primary-500);--color-interactive-primary-bg-hover: var(--color-primary-600);--color-interactive-primary-text: #FFFFFF;--color-interactive-secondary-bg: var(--color-bg-muted);--color-interactive-secondary-bg-hover: var(--color-neutral-200);--color-interactive-secondary-border: var(--color-border);--color-interactive-secondary-text: var(--color-text-primary);--color-interactive-ghost-bg-hover: var(--color-bg-muted);--color-interactive-ghost-text: var(--color-text-primary);--color-status-info-bg: var(--color-info-light);--color-status-info-border: #b6e3ff;--color-status-info-text: #0b77c5;--color-status-success-bg: var(--color-success-light);--color-status-success-border: #bdebdc;--color-status-success-text: #0c6a45;--color-status-warning-bg: var(--color-warning-light);--color-status-warning-border: #ffd8a3;--color-status-warning-text: #7a4b00;--color-status-danger-bg: var(--color-error-light);--color-status-danger-border: #f3c1be;--color-status-danger-text: #b42318;--color-status-neutral-bg: var(--color-bg-muted);--color-status-neutral-border: var(--color-border);--color-status-neutral-text: var(--color-text-secondary);--color-status-accent-bg: var(--color-accent-100);--color-status-accent-border: var(--color-accent-200);--color-status-accent-text: var(--color-accent-700);--color-alert-info-bg: var(--color-info-light);--color-alert-info-border: #bae6fd;--color-alert-info-text: #0c4a6e;--color-alert-success-bg: var(--color-success-light);--color-alert-success-border: #bdebdc;--color-alert-success-text: #07513e;--color-alert-warning-bg: var(--color-warning-light);--color-alert-warning-border: #ffd8a3;--color-alert-warning-text: #b96b00;--color-alert-danger-bg: var(--color-error-light);--color-alert-danger-border: #f2b8b5;--color-alert-danger-text: #b42318;--color-chart-1: var(--color-primary-500);--color-chart-2: var(--color-accent-500);--color-chart-3: var(--color-info);--color-chart-4: var(--color-warning);--color-chart-5: var(--color-success);--color-chart-6: var(--color-neutral-500);--gradient-chart-fill: linear-gradient(90deg, var(--color-chart-1), var(--color-chart-3));--gradient-skeleton: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);--bg-primary: var(--color-page-bg);--bg-secondary: var(--color-page-bg-alt);--surface-default: var(--color-form-bg);--surface-elevated: var(--color-page-bg-elevated);--accent-primary: var(--color-interactive-primary-bg);--accent-hover: var(--color-interactive-primary-bg-hover);--border-default: var(--color-form-border);--border-subtle: var(--color-card-border-muted);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--font-display: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-accent: "Space Grotesk", "SF Pro Display", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-card: 0 4px 20px -4px rgba(27, 77, 62, .1);--shadow-card-hover: 0 8px 30px -4px rgba(27, 77, 62, .15);--gradient-primary: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--gradient-hero: radial-gradient(circle at 20% 20%, rgba(46, 125, 92, .18), transparent 30%), radial-gradient(circle at 80% 0%, rgba(194, 24, 91, .18), transparent 35%), linear-gradient(120deg, rgba(12, 18, 30, .05), rgba(12, 18, 30, 0));--gradient-glass: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .5));--glass-overlay: rgba(255, 255, 255, .65);--role-admin: #d84315;--role-student-council: var(--color-text-primary);--role-teacher-gradient: linear-gradient(90deg, #ff6b6b, #ffd166, #06d6a0, #118ab2, #9c6bff, #ff6b6b);--role-font-weight: var(--font-bold);--role-badge-radius: var(--radius-md);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1440px;--container-padding: var(--space-4);--header-height: 72px}[data-theme=dark]{--color-bg: #0D1117;--color-bg-elevated: #161B22;--color-bg-muted: #21262D;--color-bg-subtle: #0D1117;--color-surface: #161B22;--color-surface-hover: #21262D;--color-surface-muted: #1d222b;--color-surface-contrast: #F0F6FC;--color-page-bg: var(--color-bg);--color-page-bg-alt: #10161f;--color-page-bg-elevated: var(--color-bg-elevated);--color-page-overlay: rgba(16, 22, 30, .72);--color-card-bg: var(--color-surface);--color-card-border: var(--color-border);--color-card-border-muted: var(--color-border-light);--color-card-border-hover: var(--color-primary-500);--color-card-highlight-bg: rgba(46, 125, 92, .18);--color-card-highlight-fg: var(--color-primary-200);--color-chip-bg: rgba(255, 255, 255, .06);--color-chip-bg-active: var(--gradient-primary);--color-chip-border: var(--color-border);--color-chip-text: var(--color-text-primary);--color-chip-text-active: #FFFFFF;--color-text-primary: #F0F6FC;--color-text-secondary: #8B949E;--color-text-muted: #6E7681;--color-text-inverse: #0D1117;--color-border: #30363D;--color-border-light: #21262D;--color-divider: #30363D;--color-focus-ring: rgba(66, 160, 122, .5);--color-overlay-backdrop: rgba(6, 10, 16, .68);--color-form-bg: var(--color-surface);--color-form-bg-muted: rgba(255, 255, 255, .04);--color-form-border: var(--color-border);--color-form-border-hover: #48515a;--color-form-border-focus: var(--color-primary-400);--color-form-text: var(--color-text-primary);--color-form-placeholder: var(--color-text-muted);--color-interactive-primary-bg: var(--color-primary-500);--color-interactive-primary-bg-hover: var(--color-primary-400);--color-interactive-primary-text: #FFFFFF;--color-interactive-secondary-bg: rgba(255, 255, 255, .06);--color-interactive-secondary-bg-hover: rgba(255, 255, 255, .11);--color-interactive-secondary-border: var(--color-border);--color-interactive-secondary-text: var(--color-text-primary);--color-interactive-ghost-bg-hover: rgba(255, 255, 255, .08);--color-interactive-ghost-text: var(--color-text-primary);--color-status-info-bg: rgba(34, 211, 238, .16);--color-status-info-border: rgba(125, 211, 252, .38);--color-status-info-text: #93c5fd;--color-status-success-bg: rgba(16, 185, 129, .18);--color-status-success-border: rgba(16, 185, 129, .4);--color-status-success-text: #6ee7b7;--color-status-warning-bg: rgba(245, 158, 11, .2);--color-status-warning-border: rgba(251, 191, 36, .42);--color-status-warning-text: #fde68a;--color-status-danger-bg: rgba(239, 68, 68, .2);--color-status-danger-border: rgba(248, 113, 113, .45);--color-status-danger-text: #fecaca;--color-status-neutral-bg: rgba(255, 255, 255, .08);--color-status-neutral-border: var(--color-border);--color-status-neutral-text: var(--color-text-secondary);--color-status-accent-bg: rgba(216, 66, 128, .2);--color-status-accent-border: rgba(216, 66, 128, .45);--color-status-accent-text: #f5b4cf;--color-alert-info-bg: rgba(59, 130, 246, .16);--color-alert-info-border: rgba(59, 130, 246, .4);--color-alert-info-text: #bfdbfe;--color-alert-success-bg: rgba(16, 185, 129, .18);--color-alert-success-border: rgba(16, 185, 129, .4);--color-alert-success-text: #a7f3d0;--color-alert-warning-bg: rgba(245, 158, 11, .2);--color-alert-warning-border: rgba(245, 158, 11, .42);--color-alert-warning-text: #fef3c7;--color-alert-danger-bg: rgba(239, 68, 68, .2);--color-alert-danger-border: rgba(239, 68, 68, .4);--color-alert-danger-text: #fecaca;--color-chart-1: var(--color-primary-300);--color-chart-2: var(--color-accent-300);--color-chart-3: #22d3ee;--color-chart-4: #fbbf24;--color-chart-5: #34d399;--color-chart-6: #94a3b8;--gradient-chart-fill: linear-gradient(90deg, var(--color-chart-1), var(--color-chart-3));--gradient-skeleton: linear-gradient(90deg, #202833 25%, #2b3542 50%, #202833 75%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-card: 0 4px 20px -4px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 30px -4px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));--gradient-hero: radial-gradient(circle at 25% 20%, rgba(66, 160, 122, .24), transparent 32%), radial-gradient(circle at 80% 10%, rgba(216, 66, 128, .2), transparent 36%), linear-gradient(120deg, rgba(13, 17, 23, .7), rgba(13, 17, 23, .9));--gradient-glass: linear-gradient(180deg, rgba(16, 22, 30, .68), rgba(16, 22, 30, .82));--glass-overlay: rgba(16, 22, 30, .75);--bg-primary: var(--color-page-bg);--bg-secondary: var(--color-page-bg-alt);--surface-default: var(--color-form-bg);--surface-elevated: var(--color-page-bg-elevated);--accent-primary: var(--color-interactive-primary-bg);--accent-hover: var(--color-interactive-primary-bg-hover);--border-default: var(--color-form-border);--border-subtle: var(--color-card-border-muted);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted)}.surface-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.surface-card--interactive{transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.surface-card--interactive:hover{border-color:var(--color-card-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.surface-toolbar{background:var(--color-form-bg-muted);border:1px solid var(--color-card-border-muted);border-radius:var(--radius-xl);padding:var(--space-2)}.chip-base{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-chip-border);background:var(--color-chip-bg);color:var(--color-chip-text);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.chip-base.is-active{border-color:transparent;background:var(--color-chip-bg-active);color:var(--color-chip-text-active);box-shadow:var(--shadow-sm)}.badge-base{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);border:1px solid transparent;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-info{background:var(--color-status-info-bg);border-color:var(--color-status-info-border);color:var(--color-status-info-text)}.badge-success{background:var(--color-status-success-bg);border-color:var(--color-status-success-border);color:var(--color-status-success-text)}.badge-warning{background:var(--color-status-warning-bg);border-color:var(--color-status-warning-border);color:var(--color-status-warning-text)}.badge-danger{background:var(--color-status-danger-bg);border-color:var(--color-status-danger-border);color:var(--color-status-danger-text)}.badge-neutral{background:var(--color-status-neutral-bg);border-color:var(--color-status-neutral-border);color:var(--color-status-neutral-text)}.input-base,.select-base,.textarea-base{width:100%;border:1px solid var(--color-form-border);border-radius:var(--radius-lg);background:var(--color-form-bg);color:var(--color-form-text);padding:var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input-base::placeholder,.textarea-base::placeholder{color:var(--color-form-placeholder)}.input-base:hover,.select-base:hover,.textarea-base:hover{border-color:var(--color-form-border-hover)}.input-base:focus-visible,.select-base:focus-visible,.textarea-base:focus-visible{border-color:var(--color-form-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);background:var(--color-interactive-primary-bg);color:var(--color-interactive-primary-text);font-weight:var(--font-semibold);transition:background-color var(--transition-fast),transform var(--transition-base),box-shadow var(--transition-base)}.button-primary:hover{background:var(--color-interactive-primary-bg-hover);color:var(--color-interactive-primary-text);box-shadow:var(--shadow-md)}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid var(--color-interactive-secondary-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);background:var(--color-interactive-secondary-bg);color:var(--color-interactive-secondary-text);font-weight:var(--font-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.button-secondary:hover{background:var(--color-interactive-secondary-bg-hover)}.state-empty,.state-error{border:1px dashed var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;font-size:var(--text-sm)}.state-empty{background:var(--color-form-bg-muted);color:var(--color-text-secondary)}.state-error{background:var(--color-alert-danger-bg);border-color:var(--color-alert-danger-border);color:var(--color-alert-danger-text)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.section-heading h1,.section-heading h2,.section-heading h3{letter-spacing:var(--tracking-tight)}.section-lede{color:var(--color-text-secondary)}.u-inline-flex-center-gap-2{display:inline-flex;align-items:center;gap:var(--space-2)}.u-inline-flex-center-gap-2-muted{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.u-flex-center-gap-2{display:flex;align-items:center;gap:var(--space-2)}.u-flex-gap-2{display:flex;gap:var(--space-2)}.u-flex-between-wrap{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.u-flex-end-start{display:flex;justify-content:flex-end;align-items:flex-start}.u-flex-wrap-gap-2{display:flex;flex-wrap:wrap;gap:var(--space-2)}.u-center-text{text-align:center}.u-justify-center{justify-content:center!important}.u-align-self-start{align-self:flex-start}.u-position-static{position:static!important}.u-overflow-x-auto{overflow-x:auto}.u-text-muted{color:var(--color-text-muted)}.u-pre-wrap{white-space:pre-wrap}.u-mt-2{margin-top:var(--space-2)}.u-mt-3{margin-top:var(--space-3)}.u-mt-4{margin-top:var(--space-4)}.u-mt-0{margin-top:0}.u-ml-3{margin-left:var(--space-3)}.u-mb-2{margin-bottom:var(--space-2)}.u-p-3{padding:var(--space-3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;background-image:var(--gradient-hero);transition:background-color var(--transition-base),color var(--transition-base),background-image var(--transition-slow);overflow-x:hidden;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{list-style:none}img,svg,video{display:block;max-width:100%;height:auto}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-form-text)}input::placeholder,textarea::placeholder{color:var(--color-form-placeholder);opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-form-text);box-shadow:0 0 0 1000px var(--color-form-bg) inset;-webkit-box-shadow:0 0 0px 1000px var(--color-form-bg) inset;transition:background-color 9999s ease-out 0s}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-1px}.container{width:100%;max-width:var(--max-width-xl);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media(min-width:768px){.container{--container-padding: var(--space-6)}}@media(min-width:1024px){.container{--container-padding: var(--space-8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-accent{font-family:var(--font-accent)}.text-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;min-height:44px}.btn-primary{background-color:var(--color-primary-500);color:#fff}.btn-primary:hover{background-color:var(--color-primary-600)}.btn-secondary{background-color:var(--color-bg-muted);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-neutral-200);border-color:var(--color-neutral-300)}.btn-ghost{background-color:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background-color:var(--color-bg-muted)}.btn-accent{background-color:var(--color-accent-500);color:#fff}.btn-accent:hover{background-color:var(--color-accent-600)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-accent{background-color:var(--color-accent-100);color:var(--color-accent-700)}.badge-neutral{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.divider{width:100%;height:1px;background-color:var(--color-divider)}.route-fallback{min-height:160px;width:100%;display:grid;place-items:center;color:var(--color-text-secondary);font-size:var(--text-sm)}