.layout{min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.topbar__inner{max-width:1200px;margin:0 auto;height:64px;padding:0 24px;display:flex;align-items:center;gap:32px}.topnav{display:flex;align-items:center;gap:28px;margin:0 auto 0 16px}.topnav__link{color:var(--ink);font-weight:600;font-size:var(--fs-ui);padding:6px 0;border-bottom:2px solid transparent;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.topnav__link:hover{text-decoration:none;color:var(--color-primary)}.topnav__link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.topnav__link--disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.topbar__user{display:flex;align-items:center;gap:14px}.topbar__user-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar__user-name{font-weight:600;font-size:14px}.topbar__user-role{font-size:12px;color:var(--color-text-muted)}.topbar__logout{padding:7px 14px;font-size:14px}.content{max-width:1200px;width:100%;margin:0 auto;padding:24px;flex:1}.page-center{display:grid;place-items:center;height:100%;color:var(--color-text-muted)}.login{display:grid;grid-template-columns:1fr 1.05fr;height:100%;background:var(--surface)}.login__form-side{display:flex;flex-direction:column;padding:var(--sp-8) var(--sp-10)}.login__brand{margin-bottom:auto}.login__form{margin:auto;width:100%;max-width:360px}.login__title{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.02em;font-weight:800;text-align:center;color:var(--ink-strong);margin:0 0 var(--sp-1)}.login__subtitle{text-align:center;color:var(--ink-weak);margin:0 0 var(--sp-6)}.login__hint{margin-top:var(--sp-4);text-align:center;font-size:var(--fs-caption);color:var(--ink-weak)}.login__hint code{background:var(--fill);padding:2px 6px;border-radius:4px}.login__art{position:relative;overflow:hidden;background:var(--surface-dark)}.login__art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 78% 22%,rgba(200,16,46,.55),transparent 60%)}.login__art-shape{position:absolute}.login__art-shape--1{width:230px;height:230px;right:16%;top:26%;border-left:26px solid rgba(255,255,255,.9);border-bottom:26px solid rgba(255,255,255,.9);transform:rotate(45deg);border-bottom-left-radius:10px}.login__art-shape--2{width:230px;height:230px;right:4%;top:38%;border-left:26px solid rgba(200,16,46,.85);border-bottom:26px solid rgba(200,16,46,.85);transform:rotate(45deg);border-bottom-left-radius:10px}.login__art-shape--3{width:120px;height:120px;left:14%;bottom:12%;border-radius:var(--r-full);border:2px solid rgba(255,255,255,.18)}@media (max-width: 880px){.login{grid-template-columns:1fr}.login__form-side{padding:var(--sp-6) var(--sp-5)}.login__art{display:none}}.cal{--cal-online: #2f7df6;--cal-onsite: var(--brand);--cal-mixed: #1f9d57}.cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.cal__title{font-size:var(--fs-ui);font-weight:700;color:var(--ink-strong)}.cal__nav{display:flex;gap:var(--sp-1)}.cal__nav-btn{width:26px;height:26px;border:1px solid var(--stroke);background:var(--surface);border-radius:var(--r-s);color:var(--ink-weak);font-size:16px;line-height:1;display:grid;place-items:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cal__nav-btn:hover{background:var(--surface-sunken);color:var(--ink)}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal__grid--weekdays{margin-bottom:var(--sp-1)}.cal__weekday{text-align:center;font-size:11px;font-weight:600;color:var(--ink-weak);padding:2px 0}.cal__cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r-s)}.cal__day{font-size:var(--fs-caption);color:var(--ink)}.cal__cell--today{background:var(--brand)}.cal__cell--today .cal__day{color:var(--on-brand);font-weight:700}.cal__dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:var(--r-full)}.cal__cell--today .cal__dot{bottom:3px;background:var(--on-brand)!important}.cal__dot--online{background:var(--cal-online)}.cal__dot--onsite{background:var(--cal-onsite)}.cal__dot--mixed{background:var(--cal-mixed)}.cal__legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--stroke-weak)}.cal__legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-weak)}.cal__legend-item .cal__dot{position:static;transform:none}.home{display:grid;grid-template-columns:1fr 324px;gap:var(--sp-5);align-items:start}.home__main{display:flex;flex-direction:column;gap:var(--sp-5)}.home__banner{padding:var(--sp-6) var(--sp-6);background:linear-gradient(120deg,var(--surface-sunken) 0%,var(--surface) 60%)}.home__banner-kicker{font-size:var(--fs-ui);color:var(--ink-weak)}.home__banner-title{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.025em;color:var(--ink-strong);font-weight:800;margin:var(--sp-1) 0 var(--sp-2)}.home__banner-text{color:var(--ink-weak);margin:0 0 var(--sp-4)}.home__banner-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.home__banner-tags span{font-size:var(--fs-caption);color:var(--ink-weak);background:var(--fill);border-radius:var(--r-full);padding:5px 12px}.home__h2{font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--ink-strong);font-weight:700;margin:0 0 var(--sp-4)}.program-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.home__empty{color:var(--ink-weak);font-size:var(--fs-ui);padding:var(--sp-4) 0}.program-card{background:var(--surface-dark);color:var(--ink-invert);border-radius:var(--r-l);padding:var(--sp-5)}.program-card__progress{height:6px;border-radius:var(--r-full);background:#ffffff26;overflow:hidden;margin-bottom:var(--sp-4)}.program-card__bar{height:100%;border-radius:var(--r-full);background:var(--brand);transition:width var(--dur-base) var(--ease-out)}.program-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.program-card__sem{font-size:var(--fs-caption);opacity:.7}.program-card__title{font-size:var(--fs-h3);margin:0 0 var(--sp-5)}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.fav-card--empty{border:2px dashed var(--stroke);border-radius:var(--r-m);padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--ink-weak);font-size:var(--fs-ui);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.fav-card--empty:hover{border-color:var(--brand);color:var(--brand);cursor:pointer}.fav-card__plus{font-size:26px;line-height:1}.home__side{display:flex;flex-direction:column;gap:var(--sp-4)}.date-card{background:var(--surface-dark);color:var(--ink-invert);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-4)}.date-card__day{font-size:40px;font-weight:800;line-height:1}.date-card__meta{display:flex;flex-direction:column;gap:2px}.date-card__month{font-weight:600;text-transform:capitalize}.date-card__weekday{font-size:var(--fs-caption);opacity:.65;text-transform:capitalize}.side-card{padding:var(--sp-4)}.side-card__h4{margin:0 0 var(--sp-3);font-size:var(--fs-ui);color:var(--ink-strong)}.event-card{background:var(--surface-dark);color:var(--ink-invert);border-radius:var(--r-l);padding:var(--sp-4)}.event-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.event-card__label{font-size:var(--fs-caption);font-weight:600;opacity:.7}.event-card__countdown{font-size:11px;font-weight:700;background:var(--brand);color:var(--on-brand);padding:3px 9px;border-radius:var(--r-full)}.event-card__title{font-size:var(--fs-body);margin:0 0 var(--sp-2)}.event-card__row{font-size:var(--fs-caption);line-height:var(--lh-caption)}.event-card__row--muted{opacity:.6;margin-top:2px}.curator{display:flex;align-items:center;gap:var(--sp-3)}.curator__avatar{width:42px;height:42px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:700}.curator__name{font-weight:600;font-size:var(--fs-ui)}.curator__email{font-size:var(--fs-caption)}@media (max-width: 900px){.home{grid-template-columns:1fr}}.services__title{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.02em;color:var(--ink-strong);font-weight:800;margin:0 0 var(--sp-5)}.services__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--color-border)}.services__tab{background:transparent;border:none;padding:10px 14px;font-size:14px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.services__tab:hover{color:var(--color-text)}.services__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.services__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.service-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card);transition:transform .12s,box-shadow .12s}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.service-card__title{font-size:16px;margin:0 0 8px}.service-card__desc{font-size:13px;color:var(--color-text-muted);margin:0;min-height:34px}.service-card__soon{position:absolute;top:14px;right:14px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:999px}.services__empty{color:var(--color-text-muted);padding:40px 0;text-align:center}.sched__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.sched__title{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.02em;color:var(--ink-strong);font-weight:800;margin:0 0 2px}.sched__period{color:var(--ink-weak);text-transform:capitalize}.sched__nav{display:flex;gap:var(--sp-2)}.sched__nav .btn{padding:8px 14px;font-size:var(--fs-ui)}.sched__state{padding:var(--sp-10);text-align:center;color:var(--ink-weak)}.sched__week{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-3);align-items:start}.sched-day{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-m);padding:var(--sp-3);min-height:120px}.sched-day.is-today{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.sched-day__head{margin-bottom:var(--sp-3)}.sched-day__name{display:block;font-weight:700;font-size:var(--fs-ui);color:var(--ink-strong)}.sched-day__date{font-size:var(--fs-caption);color:var(--ink-weak)}.sched-day__empty{font-size:var(--fs-caption);color:var(--ink-weak);padding:var(--sp-2) 0}.sched-class{border-left:3px solid var(--stroke);background:var(--surface-sunken);border-radius:var(--r-s);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2)}.sched-class--online{border-left-color:#2f7df6}.sched-class--onsite{border-left-color:var(--brand)}.sched-class--mixed{border-left-color:#1f9d57}.sched-class__time{font-weight:700;font-size:var(--fs-caption);color:var(--ink-strong)}.sched-class__title{font-size:var(--fs-ui);color:var(--ink-strong);margin:2px 0}.sched-class__meta,.sched-class__where{font-size:11px;color:var(--ink-weak);line-height:1.4}.sched-class__where a{font-size:11px}@media (max-width: 1000px){.sched__week{grid-template-columns:1fr}.sched-day{min-height:auto}}:root{--brand: #c8102e;--brand-strong: #a40d26;--brand-soft: #fbe7eb;--brand-tint: #fdf4f6;--on-brand: #ffffff;--bg: #f5f4f6;--surface: #ffffff;--surface-sunken: #faf9fb;--ink-strong: #1b1a1f;--ink: #353339;--ink-weak: #6e6b75;--stroke: #e7e5ea;--stroke-weak: #f0eef2;--fill: #f1eff3;--ink-invert: #f5f4f6;--surface-dark: #1b1a1f;--success: #1f9d57;--warning: #b9770a;--danger: #d12f2f;--info: #2563eb;--color-primary: var(--brand);--color-primary-hover: var(--brand-strong);--color-primary-soft: var(--brand-soft);--color-bg: var(--bg);--color-surface: var(--surface);--color-sidebar: var(--surface-dark);--color-text: var(--ink);--color-text-muted: var(--ink-weak);--color-border: var(--stroke);--color-success: var(--success);--color-danger: var(--danger);--fs-caption: 13px;--lh-caption: 16px;--fs-ui: 14px;--lh-ui: 20px;--fs-body: 16px;--lh-body: 24px;--fs-h3: 20px;--lh-h3: 28px;--fs-h2: 25px;--lh-h2: 32px;--fs-h1: 31px;--lh-h1: 38px;--fs-display: 39px;--lh-display: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--sp-10: 64px;--sp-12: 96px;--r-s: 8px;--r-m: 12px;--r-l: 16px;--r-full: 999px;--radius-sm: var(--r-s);--radius-md: var(--r-m);--radius-lg: var(--r-l);--e-raised: 0 1px 2px rgba(20, 18, 24, .06), 0 2px 6px rgba(20, 18, 24, .05);--e-overlay: 0 10px 30px rgba(20, 18, 24, .14);--shadow-card: var(--e-raised);--shadow-pop: var(--e-overlay);--dur-fast: .12s;--dur-base: .18s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-s)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--r-s);padding:11px 18px;font-size:var(--fs-ui);font-weight:600;line-height:1;cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:var(--on-brand)}.btn--primary:hover{background:var(--brand-strong)}.btn--primary:disabled{background:var(--fill);color:var(--ink-weak);cursor:not-allowed;transform:none}.btn--block{width:100%;padding:13px 18px}.btn--ghost{background:transparent;border-color:var(--stroke);color:var(--ink)}.btn--ghost:hover{background:var(--surface-sunken);border-color:var(--ink-weak)}.btn--dark{background:var(--surface-dark);color:var(--ink-invert)}.btn--dark:hover{background:#2a282f}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field label{font-size:var(--fs-caption);font-weight:600;color:var(--ink-weak)}.input{width:100%;border:1px solid var(--stroke);border-radius:var(--r-s);padding:12px 14px;font-size:var(--fs-body);color:var(--ink);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--ink-weak)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.card{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--e-raised);border:1px solid var(--stroke)}.alert--error{background:var(--brand-tint);border:1px solid var(--brand-soft);color:var(--brand-strong);padding:10px 14px;border-radius:var(--r-s);font-size:var(--fs-ui);margin-bottom:var(--sp-4)}.badge{display:inline-block;font-size:var(--fs-caption);font-weight:600;padding:3px 10px;border-radius:var(--r-full);background:#ffffff24}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}