:root{--text: #4b4a55;--text-h: #16151a;--bg: #f7f7fb;--surface: #ffffff;--border: #e2e1e8;--code-bg: #f1f0f5;--accent: #6d28d9;--accent-bg: rgba(109, 40, 217, .08);--accent-border: rgba(109, 40, 217, .35);--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .1);--warning: #b45309;--warning-bg: rgba(180, 83, 9, .12);--shadow: rgba(16, 15, 25, .08) 0 10px 25px -8px, rgba(16, 15, 25, .06) 0 4px 8px -4px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;font:16px/1.5 var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--text: #b7b6c2;--text-h: #f3f2f8;--bg: #0f0f14;--surface: #17161f;--border: #2c2b36;--code-bg: #1e1d28;--accent: #a78bfa;--accent-bg: rgba(167, 139, 250, .14);--accent-border: rgba(167, 139, 250, .4);--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .14);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .14);--shadow: rgba(0, 0, 0, .5) 0 10px 25px -8px, rgba(0, 0, 0, .35) 0 4px 8px -4px}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh;display:flex;flex-direction:column}h1,h2,h3,h4{color:var(--text-h);font-weight:600;line-height:1.25}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px;margin:32px 0 12px}h3{font-size:16px;margin:0 0 8px}h4{font-size:14px;margin:12px 0 4px}p{margin:0 0 12px}a{color:var(--accent)}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);padding:2px 6px;border-radius:4px;font-size:.9em}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow-x:auto}pre code{background:none;padding:0}.muted{color:var(--text);opacity:.75;font-size:.92em}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.navbar__brand{font-weight:600;color:var(--text-h);text-decoration:none}.navbar__user{display:flex;align-items:center;gap:12px;font-size:14px}.navbar__role{opacity:.7;font-weight:400}main{flex:1;display:flex;flex-direction:column}.page{width:100%;max-width:860px;margin:0 auto;padding:32px 24px 64px}.page--wide{max-width:1180px}.page-loading{padding:64px;text-align:center;color:var(--text);opacity:.7}.back-link{display:inline-block;margin-bottom:16px;font-size:14px;text-decoration:none}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-h);padding:9px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--success{background:var(--success);border-color:var(--success);color:#fff}.btn--ghost{background:transparent}.btn--link{background:none;border:none;color:var(--accent);padding:0;font-weight:500}.btn--block{width:100%}.blocked-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.blocked-page__video{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;transform:translate(-50%,-50%);border:none;pointer-events:none}.blocked-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:32px;background:linear-gradient(180deg,#0000 40%,#000000bf)}.blocked-page__card{max-width:420px;width:100%;background:#111016e0;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:24px 28px;text-align:center;color:#f3f2f8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blocked-page__icon{font-size:32px}.blocked-page__card h1{color:#fff;font-size:20px;margin:8px 0 12px}.blocked-page__card p{font-size:14px;opacity:.85;margin-bottom:8px}.blocked-page__pulse{margin-top:16px;font-size:12.5px;color:#a78bfa;animation:blocked-pulse 1.6s ease-in-out infinite}.blocked-page__login-link{display:inline-block;margin-top:18px;font-size:12.5px;color:#fff9;text-decoration:underline}.blocked-page__login-link:hover{color:#fff}@keyframes blocked-pulse{0%,to{opacity:.4}50%{opacity:1}}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:var(--shadow)}.login-card h1{font-size:20px}.field{display:block;margin:16px 0;font-size:14px}.field span{display:block;margin-bottom:6px;font-weight:500;color:var(--text-h)}.field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-size:14px}.login-card__note{margin-top:16px;font-size:12.5px;opacity:.75;line-height:1.4}.alert{padding:10px 14px;border-radius:8px;font-size:14px;margin:12px 0}.alert--error{background:var(--danger-bg);color:var(--danger)}.alert--success{background:var(--success-bg);color:var(--success)}.alert--warning{background:var(--warning-bg);color:var(--warning)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;vertical-align:middle}.badge--success{background:var(--success-bg);color:var(--success)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.topic-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease}.topic-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.topic-card h2{margin-top:0}.topic-card__progress{margin-top:16px;font-size:12.5px}.progress-bar{height:6px;background:var(--code-bg);border-radius:999px;overflow:hidden;margin-bottom:6px}.progress-bar__fill{height:100%;background:var(--accent)}.exercise-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.exercise-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--text-h)}.exercise-item:hover{border-color:var(--accent-border)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--border);flex-shrink:0}.status-dot--done{background:var(--success)}.hint-box{margin:12px 0 24px;padding:12px 16px;border:1px dashed var(--accent-border);border-radius:8px;background:var(--accent-bg);font-size:14px}.markdown table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.markdown th,.markdown td{border:1px solid var(--border);padding:8px 10px;text-align:left}.markdown th{background:var(--code-bg)}.sql-console{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:24px;align-items:start}@media(max-width:800px){.sql-console{grid-template-columns:1fr}}.sql-console__schema{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;position:sticky;top:76px}.sql-console__table-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:4px}.sql-console__table-btn{width:100%;text-align:left;padding:6px 10px;border-radius:6px;border:1px solid transparent;background:none;color:var(--text-h);font-family:var(--mono);font-size:13px;cursor:pointer}.sql-console__table-btn.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.sql-console__columns{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;font-size:12.5px}.sql-console__column{display:flex;justify-content:space-between;gap:8px}.sql-console__column-name{font-family:var(--mono);color:var(--text-h)}.sql-console__column-type{opacity:.6}.sql-console__table-scroll{max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:8px}.sql-console__main{display:flex;flex-direction:column;gap:12px;min-width:0}.sql-console__editor{border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:14px}.sql-console__actions{display:flex;gap:8px;flex-wrap:wrap}.sql-console__output{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.data-table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--mono)}.data-table th,.data-table td{padding:6px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.data-table th{background:var(--code-bg);position:sticky;top:0}.access-code-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-top:20px;flex-wrap:wrap}.access-code-card h3{margin:0 0 4px}.access-code-card__value{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--accent);margin:0 0 4px;letter-spacing:.5px}.access-code-card__form{display:flex;gap:8px}.access-code-card__form input{padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--mono)}.admin-table{margin-top:20px;font-family:var(--sans);background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.admin-table th{font-family:var(--sans)}.admin-table__actions{white-space:nowrap}.admin-progress-detail{padding:12px 16px;background:var(--code-bg);display:flex;flex-direction:column;gap:6px}.admin-progress-row{display:flex;align-items:center;gap:10px;font-size:13px}.admin-progress-row__id{font-family:var(--mono);min-width:140px}