:root{--color-navy-900: #081a33;--color-navy-800: #0b2545;--color-navy-700: #13315c;--color-navy-600: #1d4a86;--color-blue-500: #2c7be5;--color-blue-400: #4f96ff;--color-blue-300: #7fb3ff;--color-blue-100: #e6f0ff;--color-bg: #f5f7fb;--color-surface: #ffffff;--color-surface-alt: #eef2f8;--color-border: #d6dfec;--color-border-strong: #b7c4d8;--color-text: #0f1c2e;--color-text-muted: #516075;--color-text-inverse: #ffffff;--color-success: #14804a;--color-success-bg: #e6f6ee;--color-warning: #a35900;--color-warning-bg: #fff4e0;--color-danger: #b3261e;--color-danger-bg: #fdecea;--color-info: #0f5fa8;--color-info-bg: #e7f1fb;--font-sans: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(8, 26, 51, .06);--shadow-md: 0 6px 16px rgba(8, 26, 51, .08);--shadow-lg: 0 18px 40px rgba(8, 26, 51, .12);--sidebar-width: 260px;--header-height: 68px;--content-max: 1280px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-blue-500);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 var(--space-3);color:var(--color-navy-800);line-height:1.25}p{margin:0 0 var(--space-3)}button{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-navy-800);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-navy-700)}.btn--secondary{background:var(--color-blue-100);color:var(--color-navy-800)}.btn--secondary:hover:not(:disabled){background:#d7e6ff}.btn--ghost{background:transparent;color:var(--color-navy-800);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#8c1d17}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm)}.public-header{background:var(--color-navy-800);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.public-header__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.public-header__meta{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-5) var(--space-3);font-size:var(--fs-sm);color:var(--color-blue-300)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:inherit}.brand:hover{text-decoration:none}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-blue-400);color:var(--color-navy-900);font-weight:800;letter-spacing:.5px}.brand__text{display:flex;flex-direction:column;line-height:1.2}.brand__title{font-size:var(--fs-lg);letter-spacing:.5px}.brand__subtitle{font-size:var(--fs-xs);color:var(--color-blue-300)}.public-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.public-nav__link{padding:8px 14px;border-radius:var(--radius-sm);color:var(--color-blue-100);font-size:var(--fs-sm);font-weight:500}.public-nav__link:hover{background:#ffffff14;text-decoration:none}.public-nav__link.is-active{background:var(--color-blue-400);color:var(--color-navy-900);font-weight:700}.public-nav__link--muted{opacity:.75}.admin-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.admin-sidebar{background:var(--color-navy-900);color:var(--color-blue-100);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4);position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar__brand strong{display:block;color:#fff;font-size:var(--fs-base)}.admin-sidebar__role{font-size:var(--fs-xs);color:var(--color-blue-300)}.admin-nav{display:flex;flex-direction:column;gap:2px;flex:1}.admin-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-blue-100);font-size:var(--fs-sm)}.admin-nav__link:hover{background:#ffffff14;text-decoration:none}.admin-nav__link.is-active{background:var(--color-blue-500);color:#fff;font-weight:600}.admin-nav__icon{width:20px;text-align:center}.admin-sidebar__footer{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.admin-user{display:flex;flex-direction:column;font-size:var(--fs-sm);color:#fff;overflow:hidden}.admin-user span{color:var(--color-blue-300);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-content{display:flex;flex-direction:column;min-width:0}.admin-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.admin-topbar__menu{display:none;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer}.admin-topbar__title{font-weight:700;color:var(--color-navy-800);flex:1}.admin-page{padding:var(--space-5);max-width:1400px;width:100%}.admin-scrim{position:fixed;inset:0;background:#081a3373;border:0;padding:0;z-index:15}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.card__title{font-size:var(--fs-lg);margin:0}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.state-block--compact{padding:var(--space-4);border:0;background:transparent}.state-block__icon{font-size:2rem}.state-block__title{margin:0;color:var(--color-navy-800);font-size:var(--fs-lg)}.state-block__message{margin:0;max-width:520px;font-size:var(--fs-sm)}.state-block--error{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-navy-700);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:var(--space-2);z-index:100;max-width:min(360px,90vw)}.toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:12px 14px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:var(--fs-sm)}.toast__message{flex:1}.toast__close{background:transparent;border:0;cursor:pointer;font-size:1.1rem;line-height:1;color:inherit}.toast--success{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.toast--error{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger)}.toast--warning{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning)}.toast--info{border-color:var(--color-info);background:var(--color-info-bg);color:var(--color-info)}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(82vw,300px);transform:translate(-100%);transition:transform .18s ease;z-index:30}.is-sidebar-open .admin-sidebar{transform:translate(0)}.admin-topbar__menu{display:inline-flex}}.stack>*+*{margin-top:var(--space-5)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}.muted{color:var(--color-text-muted);font-size:var(--fs-sm)}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:0}.meta-grid dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.meta-grid dd{margin:4px 0 0;font-weight:600;color:var(--color-navy-800)}@media (max-width: 720px){.meta-grid{grid-template-columns:1fr}}.notice{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.notice--warn{background:var(--color-warning-bg);color:var(--color-warning)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--color-surface-alt);color:var(--color-text)}.badge--status-published{background:var(--color-success-bg);color:var(--color-success)}.badge--status-draft{background:var(--color-warning-bg);color:var(--color-warning)}.badge--imp-low{background:var(--color-surface-alt);color:var(--color-text-muted)}.badge--imp-normal{background:var(--color-info-bg);color:var(--color-info)}.badge--imp-high{background:var(--color-warning-bg);color:var(--color-warning)}.badge--imp-urgent{background:var(--color-danger-bg);color:var(--color-danger)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600}.tag--danger{background:var(--color-danger-bg);color:var(--color-danger)}.date-nav{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.date-nav__current{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center}.date-nav__current strong{color:var(--color-navy-800);font-size:var(--fs-base)}.date-nav__pill{background:var(--color-blue-100);color:var(--color-navy-800);padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600}.date-nav__input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:top}.data-table th{background:var(--color-surface-alt);color:var(--color-navy-800);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em}.data-table tr.is-cancelled{background:var(--color-danger-bg)}.data-table tr.is-cancelled td{text-decoration:line-through;opacity:.7}.cell-substitute{color:var(--color-warning);font-size:var(--fs-xs);margin-top:2px}.cell-note{color:var(--color-text-muted);font-size:var(--fs-xs);margin-top:2px}.agenda-list,.pill-list,.announce-list,.session-classes{list-style:none;padding:0;margin:0}.agenda-list__item{display:flex;justify-content:space-between;gap:var(--space-3);padding:6px 0;border-bottom:1px dashed var(--color-border)}.agenda-list__item:last-child{border-bottom:0}.agenda-list__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{background:var(--color-blue-100);color:var(--color-navy-800);padding:4px 10px;border-radius:999px;font-size:var(--fs-sm);font-weight:600}.announce-list__item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.announce-list__item:last-child{border-bottom:0}.announce-list--full .announce-list__item{padding:var(--space-5) 0}.announce-list__head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-2)}.announce-list__body{white-space:pre-line;margin:0 0 var(--space-2)}.session-stack{display:flex;flex-direction:column;gap:var(--space-4)}.session-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.session-card__header{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-alt);padding:10px 14px}.session-card__title{margin:0;font-size:var(--fs-base);color:var(--color-navy-800)}.session-card__time{color:var(--color-text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.session-classes__item{display:grid;grid-template-columns:minmax(80px,120px) 1fr 1fr 100px;gap:var(--space-3);padding:8px 14px;border-top:1px solid var(--color-border);font-size:var(--fs-sm);align-items:center}.session-classes__class{font-weight:600;color:var(--color-navy-800)}.session-classes__subject{color:var(--color-text)}.session-classes__teacher{color:var(--color-text-muted)}.session-classes__room{text-align:right;color:var(--color-text-muted)}@media (max-width: 720px){.session-classes__item{grid-template-columns:1fr 1fr}.session-classes__room{text-align:left}}.period-tabs{display:flex;gap:4px;margin:var(--space-3) 0;flex-wrap:wrap}.period-tabs__link{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-navy-800);font-size:var(--fs-sm);font-weight:600;background:var(--color-surface)}.period-tabs__link:hover{text-decoration:none;background:var(--color-surface-alt)}.period-tabs__link.is-active{background:var(--color-navy-800);color:#fff;border-color:var(--color-navy-800)}.class-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.class-picker__btn{padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-navy-800);font-size:var(--fs-sm);cursor:pointer}.class-picker__btn:hover{border-color:var(--color-border-strong)}.class-picker__btn.is-active{background:var(--color-blue-500);color:#fff;border-color:var(--color-blue-500)}.class-filter{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.class-filter__search,.class-filter__select{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit}.class-filter__search{flex:1;min-width:160px}.class-filter__select{min-width:180px}.card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:linear-gradient(135deg,var(--color-navy-800),var(--color-navy-900))}.login-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-4)}.login-brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.login-brand strong{color:var(--color-navy-800);display:block}.login-title{margin:0;font-size:var(--fs-2xl)}.login-help{font-size:var(--fs-xs);text-align:center;margin:0}.field{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}.field>span{color:var(--color-text-muted);font-weight:500}.field input,.field select,.field textarea{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-sm);background:var(--color-surface);color:var(--color-text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-blue-500);outline-offset:1px;border-color:var(--color-blue-500)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.form-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions--start{justify-content:flex-start;margin-top:var(--space-3)}.row-actions .btn{padding:6px 10px;font-size:var(--fs-xs)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stat-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color .12s ease,transform .12s ease}.stat-card:hover{text-decoration:none;border-color:var(--color-blue-400);transform:translateY(-2px)}.stat-card__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.stat-card__value{font-size:var(--fs-3xl);font-weight:700;color:var(--color-navy-800);line-height:1}.pill--removable{display:inline-flex;align-items:center;gap:6px;padding-right:6px}.pill--removable button{border:0;background:transparent;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:999px}.pill--removable button:hover{background:#0b254526}.field textarea{resize:vertical;min-height:60px}.public-header__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between}.conn-indicator{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--color-blue-300);padding:4px 10px;border-radius:999px;background:#ffffff0f}.conn-indicator__label{font-weight:500}.conn-indicator__time{opacity:.75}.conn-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.conn-dot--live{background:#34d399;box-shadow:0 0 #34d399b3;animation:conn-pulse 2s infinite}.conn-dot--offline{background:#f87171}.conn-dot--wait{background:#fbbf24;animation:conn-pulse 1.2s infinite}@keyframes conn-pulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.offline-notice{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--fs-sm);margin-bottom:var(--space-4)}