@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-eyebrow: .7rem;--fs-meta: .72rem;--fs-field-label: .78rem;--fs-row-meta: .82rem;--fs-body-sm: .86rem;--fs-body: .92rem;--fs-body-lg: 1rem;--fs-card-label: 1.05rem;--fs-module-title: 1.08rem;--fs-section-title: 1.45rem;--fs-topbar: 1.55rem;--fs-card-value-sm: clamp(1.25rem, 2vw, 1.75rem);--fs-admin-title: 2.2rem;--fs-card-value: clamp(2rem, 3vw, 3rem);--fs-hero: clamp(2.2rem, 4vw, 3.8rem);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-display: 800;--tracking-tight-display: -.06em;--tracking-tight: -.04em;--tracking-tight-sm: -.03em;--tracking-wide: .08em;--tracking-eyebrow: .14em;--tracking-eyebrow-strong: .16em;--leading-display: .98;--leading-tight: 1;--leading-snug: 1.2;--leading-normal: 1.55;--leading-relaxed: 1.65;--leading-loose: 1.7;--bg: #eaeef3;--bg-deep: #dee3eb;--surface: #ffffff;--surface-low: #eef1f4;--surface-high: #e0e4e9;--surface-highest: #d4d8de;--text: #181c1e;--muted: #43474e;--muted-on-dark: rgba(255, 255, 255, .74);--muted-on-dark-strong: rgba(255, 255, 255, .82);--eyebrow-on-dark: rgba(255, 255, 255, .66);--outline-strong: rgba(124, 130, 142, .45);--outline: rgba(124, 130, 142, .3);--ghost-outline: rgba(124, 130, 142, .18);--gold: #b59560;--gold-strong: #8c6d3c;--gold-soft: rgba(181, 149, 96, .12);--amber: #d4860a;--amber-strong: #a05d00;--amber-soft: rgba(212, 134, 10, .12);--primary: #002045;--primary-strong: #1a365d;--primary-soft: rgba(26, 54, 93, .1);--primary-gradient: linear-gradient(135deg, #002045 0%, #1a365d 100%);--primary-gradient-vertical: linear-gradient(180deg, #1a365d 0%, #002045 100%);--sage: #85f6ad;--sage-soft: rgba(133, 246, 173, .18);--sage-text: #00723f;--danger-soft: #ffdad6;--danger-soft-translucent: rgba(255, 218, 214, .7);--danger-text: #93000a;--body-bg: radial-gradient(circle at top left, rgba(173, 199, 247, .22), transparent 30%), radial-gradient(circle at bottom right, rgba(181, 149, 96, .1), transparent 36%), linear-gradient(180deg, #eef2f7 0%, #e6ebf1 50%, #dde2ea 100%);--radius-pill: 999px;--radius-button: 12px;--radius-input: 14px;--radius-row: 18px;--radius-card: 22px;--radius-panel: 28px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--space-9: 20px;--space-10: 22px;--space-11: 24px;--space-12: 26px;--space-13: 28px;--space-14: 32px;--space-15: 34px;--space-16: 40px;--shadow-card: 0 12px 24px rgba(24, 28, 30, .06);--shadow-soft: 0 20px 40px rgba(24, 28, 30, .08);--shadow-sidebar: 20px 0 40px rgba(24, 28, 30, .06);--shadow-hero: 0 28px 48px rgba(26, 54, 93, .2);--shadow-primary-button: 0 18px 32px rgba(26, 54, 93, .18);--shadow-brand-icon: 0 16px 24px rgba(26, 54, 93, .18);--shadow-avatar: 0 12px 24px rgba(26, 54, 93, .16);--inset-hairline: inset 0 0 0 1px var(--outline);--inset-hairline-ghost: inset 0 0 0 1px var(--ghost-outline);--inset-bottom-hairline: inset 0 -1px 0 rgba(124, 130, 142, .4);--glass-82: rgba(255, 255, 255, .82);--glass-92: rgba(255, 255, 255, .92);--blur-glass: blur(12px);--duration-fast: .16s;--duration-default: .18s;--sidebar-width: 280px;--shell-padding: 28px 32px 40px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--body-bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body-lg);line-height:var(--leading-loose)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.side-nav{position:sticky;top:0;height:100vh;padding:26px 18px;background:var(--glass-92);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-sidebar),inset -1px 0 0 var(--outline-strong);display:flex;flex-direction:column;gap:22px}.brand-mark{display:flex;align-items:center;gap:14px;padding:6px 8px}.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;display:grid;place-items:center;box-shadow:0 16px 24px #1a365d2e;font-size:20px}.brand-title{font-size:1.05rem;font-weight:800;letter-spacing:-.04em;color:var(--primary-strong)}.brand-subtitle{margin-top:4px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.nav-group{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:var(--muted);transition:transform .16s ease,background-color .16s ease,color .16s ease}.nav-link:hover{transform:translate(4px);background:var(--surface-low);color:var(--text)}.nav-link.active{background:var(--surface-low);color:var(--primary-strong);font-weight:700}.nav-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffffb8;box-shadow:inset 0 0 0 1px var(--ghost-outline);font-size:15px}.shell-main{min-width:0;padding:28px 32px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.topbar-title{font-size:1.55rem;font-weight:700;letter-spacing:-.04em;color:var(--primary-strong)}.topbar-subtitle{margin-top:6px;font-size:.86rem;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:14px}.search-box,.surface-pill{background:var(--glass-82);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:inset 0 0 0 1px var(--outline-strong)}.search-box{min-width:260px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px}.search-box input{width:100%;border:0;background:transparent;color:var(--text);outline:none}.surface-pill{border-radius:999px;padding:10px 16px;display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-strong),#3b5a82);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 12px 24px #1a365d29}.button-primary,.button-secondary,.button-ghost{border:0;cursor:pointer;border-radius:12px;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.button-primary:hover,.button-secondary:hover,.button-ghost:hover{transform:translateY(-1px)}.button-primary{padding:12px 18px;color:#fff;font-weight:700;background:var(--primary-gradient);box-shadow:var(--shadow-primary-button)}.button-secondary{padding:12px 18px;color:var(--primary-strong);font-weight:700;background:var(--surface);box-shadow:inset 0 0 0 1px var(--outline-strong)}.button-ghost{padding:10px 14px;color:var(--muted);background:transparent}.dashboard{display:grid;gap:32px}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:24px}.hero-panel,.card,.module-card,.table-panel{border-radius:28px}.hero-panel{padding:34px;background:radial-gradient(circle at top right,rgba(133,246,173,.18),transparent 34%),linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;box-shadow:0 28px 48px #1a365d33;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -60px -70px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff1f;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.hero h1{margin:18px 0 12px;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98;letter-spacing:-.06em}.hero p{margin:0;max-width:40rem;color:#ffffffd1;font-size:1rem;line-height:1.7}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.hero-metric{padding:16px;border-radius:18px;background:#ffffff17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-metric-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa8;font-weight:700}.hero-metric-value{margin-top:12px;font-size:1.6rem;font-weight:800;letter-spacing:-.05em}.hero-aside{padding:26px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.section-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.section-title{margin:8px 0 0;font-size:1.45rem;line-height:1.2;letter-spacing:-.04em}.aside-list{display:grid;gap:12px;margin-top:22px}.signal-row{padding:16px 18px;background:var(--surface-low);border-radius:18px}.signal-top,.card-top,.table-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.signal-title{font-size:.95rem;font-weight:700}.signal-copy{margin-top:6px;color:var(--muted);font-size:.86rem;line-height:1.55}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.chip-sage{background:var(--sage-soft);color:var(--sage-text);box-shadow:inset 0 0 0 1px #00723f40}.chip-alert{background:var(--danger-soft-translucent);color:var(--danger-text);box-shadow:inset 0 0 0 1px #93000a33}.chip-gold{background:var(--gold-soft);color:var(--gold-strong);box-shadow:inset 0 0 0 1px #8c6d3c4d}.chip-amber{background:var(--amber-soft);color:var(--amber-strong);box-shadow:inset 0 0 0 1px #a05d0040}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{padding:24px;background:var(--surface);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--outline-strong)}.card-muted{background:var(--surface-low)}.card-primary{color:#fff;background:linear-gradient(180deg,var(--primary-strong) 0%,var(--primary) 100%);box-shadow:0 24px 42px #1a365d2e}.card-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.card-primary .card-label,.card-primary .card-copy{color:#ffffffbd}.card-value{margin-top:16px;font-size:clamp(2rem,3vw,3rem);line-height:1;letter-spacing:-.06em;font-weight:800}.card-value-sm{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}.card-copy{margin-top:10px;color:var(--muted);line-height:1.6;font-size:.92rem}.progress-bar{margin-top:18px;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-low)}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%)}.module-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:20px}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-card{padding:24px;background:linear-gradient(180deg,#fffffff2,#f1f4f6f2);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.module-icon{width:46px;height:46px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;font-size:20px}.module-title{margin:18px 0 8px;font-size:1.08rem;font-weight:700;letter-spacing:-.03em}.module-copy{color:var(--muted);line-height:1.65;font-size:.9rem}.module-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--primary-strong);font-weight:700}.table-panel{padding:26px;background:var(--glass-82);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--outline-strong)}.table-list{display:grid;gap:12px;margin-top:22px}.admin-page{display:grid;gap:24px}.admin-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:30px 32px;border-radius:28px;background:radial-gradient(circle at top right,rgba(133,246,173,.12),transparent 28%),linear-gradient(180deg,#ffffffeb,#f1f4f6eb);box-shadow:var(--shadow-card)}.admin-title{margin:0;font-size:2.2rem;line-height:1;letter-spacing:-.06em}.admin-copy{max-width:42rem;margin:10px 0 0;color:var(--muted);line-height:1.7}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-inline-form{display:flex;align-items:center;gap:12px;min-width:min(100%,420px)}.admin-input{width:100%;padding:12px 14px;border:0;border-radius:var(--radius-input);background:var(--surface-high);color:var(--text);box-shadow:inset 0 0 0 1px var(--outline),var(--inset-bottom-hairline);outline:none}.admin-error{margin:0;padding:14px 16px;border-radius:16px;background:#ffdad6b3;color:var(--danger-text);font-weight:600}.admin-list{display:grid;gap:14px;margin-top:22px}.admin-row-card{display:grid;grid-template-columns:minmax(0,1.5fr) auto auto;gap:16px;align-items:center;padding:18px;border-radius:var(--radius-row);background:var(--surface);box-shadow:inset 0 0 0 1px var(--outline-strong);cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.admin-row-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--outline-strong)}.admin-row-card-wide{grid-template-columns:minmax(0,1.5fr) minmax(140px,auto) auto auto}.admin-row-main{min-width:0}.admin-row-actions{display:flex;align-items:center;justify-content:end;gap:10px;flex-wrap:wrap}.admin-link-button{display:inline-flex;align-items:center;justify-content:center}.empty-panel{margin-top:22px;padding:30px 24px;border-radius:22px;background:var(--surface-low);color:var(--muted);text-align:center;font-weight:600}.course-form{display:grid;gap:20px}.course-form-section{padding:28px;border-radius:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.course-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.course-form-grid-wide{grid-template-columns:1fr}.field{display:grid;gap:8px}.field-span-2{grid-column:1 / -1}.field-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.admin-textarea{resize:vertical;min-height:120px}.course-form-actions{display:flex;justify-content:flex-end}.qr-panel{display:grid;gap:16px;margin-top:18px;justify-items:start}.table-row{display:grid;grid-template-columns:1.1fr .85fr .8fr;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--surface-low)}.row-title{font-weight:700}.row-meta{margin-top:4px;color:var(--muted);font-size:.82rem}.numeric{font-weight:800;letter-spacing:-.04em}.muted{color:var(--muted)}.stack{display:grid;gap:8px}.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}.button-gold{padding:12px 18px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-strong) 100%);box-shadow:0 18px 32px #8c6d3c4d,inset 0 0 0 1px #ffffff1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#181c1e73;display:grid;place-items:center;padding:24px;z-index:100}.modal-panel{width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:32px;border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.public-shell{min-height:100vh;background:var(--body-bg)}.public-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;background:var(--glass-92);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:inset 0 -1px 0 var(--outline-strong)}.public-main{max-width:1100px;margin:0 auto;padding:36px 40px 60px}.course-row{display:grid;grid-template-columns:110px minmax(0,1fr) 200px auto;gap:24px;align-items:center;padding:20px;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--outline-strong);cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.course-row:hover{transform:translateY(-2px);box-shadow:0 20px 36px #181c1e1a,inset 0 0 0 1px var(--outline-strong)}.course-date-plate{text-align:center;padding:14px 10px;border-radius:16px;background:var(--primary-gradient-vertical);color:#fff;box-shadow:var(--shadow-brand-icon),inset 0 0 0 1px #ffffff0f}.detail-panel{padding:36px 44px;border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--outline-strong)}.detail-kv-row{display:grid;grid-template-columns:120px 24px 1fr;gap:12px;align-items:baseline;padding:20px 0}.detail-kv-row+.detail-kv-row{border-top:1px dashed var(--outline-strong)}.nav-user{display:flex;align-items:center;gap:12px;padding:14px 14px 6px;border-top:1px solid var(--outline)}.nav-user-info{min-width:0;flex:1}.nav-user-name{font-weight:700;font-size:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-email{margin-top:2px;font-size:var(--fs-row-meta);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1200px){.hero,.module-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats-grid{grid-template-columns:1fr}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.side-nav{position:static;height:auto;box-shadow:none;border-bottom:1px solid var(--ghost-outline)}.shell-main{padding:20px 18px 32px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap}.search-box{min-width:0;width:100%}.hero-meta,.stats-grid,.module-list,.admin-stats-grid,.table-row,.admin-hero,.admin-inline-form,.admin-row-card,.admin-row-card-wide,.course-form-grid{grid-template-columns:1fr}.admin-hero{display:grid;align-items:start}.admin-row-actions{justify-content:start}}