:root{--brand-50: #eef0ff;--brand-100: #dfe3ff;--brand-200: #c4caff;--brand-300: #a3a9ff;--brand-400: #857ffb;--brand-500: #6d5df6;--brand-600: #5a49e8;--brand-700: #4a3ac4;--brand-800: #3b2f9c;--brand-900: #2c2374;--accent-300: #ffd88a;--accent-400: #f7c163;--accent-500: #f0a83c;--accent-600: #d98d1f;--success-400: #34d399;--success-500: #22b573;--success-600: #17935c;--warning-500: #f5a524;--danger-400: #f26d6d;--danger-500: #e5484d;--danger-600: #c33236;--info-500: #3e8bff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10: 72px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--text-xs: 11.5px;--text-sm: 13px;--text-base: 14.5px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 27px;--text-3xl: 34px;--text-4xl: 44px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 268px;--sidebar-width-collapsed: 76px;--topbar-height: 68px;--content-max: 1320px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.16, 1, .3, 1);--z-dropdown: 40;--z-sticky: 60;--z-drawer: 80;--z-modal: 100;--z-toast: 120}:root,[data-theme=dark]{color-scheme:dark;--bg: #0d1017;--bg-elevated: #12161f;--surface: #161b25;--surface-2: #1c222e;--surface-3: #232b39;--surface-hover: #202836;--border: #262f3d;--border-strong: #334052;--border-subtle: #1e2531;--text: #e9edf5;--text-secondary: #b3bccd;--text-muted: #8b96a9;--text-faint: #667085;--text-inverse: #10131a;--brand: var(--brand-500);--brand-hover: var(--brand-400);--brand-soft: rgba(109, 93, 246, .16);--brand-soft-strong: rgba(109, 93, 246, .26);--brand-text: #b9b3ff;--accent: var(--accent-500);--accent-soft: rgba(240, 168, 60, .16);--success: var(--success-500);--success-soft: rgba(34, 181, 115, .16);--warning: var(--warning-500);--warning-soft: rgba(245, 165, 36, .16);--danger: var(--danger-500);--danger-soft: rgba(229, 72, 77, .16);--info: var(--info-500);--info-soft: rgba(62, 139, 255, .16);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 8px 32px rgba(109, 93, 246, .28);--overlay: rgba(6, 8, 13, .72);--skeleton: linear-gradient(90deg, #1b212c 25%, #232b39 50%, #1b212c 75%)}[data-theme=light]{color-scheme:light;--bg: #f5f6fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaedf6;--surface-hover: #f0f3fa;--border: #e3e7f1;--border-strong: #cdd4e3;--border-subtle: #eef1f7;--text: #131824;--text-secondary: #3f4859;--text-muted: #64708a;--text-faint: #8b95a9;--text-inverse: #ffffff;--brand: var(--brand-600);--brand-hover: var(--brand-700);--brand-soft: rgba(90, 73, 232, .09);--brand-soft-strong: rgba(90, 73, 232, .16);--brand-text: var(--brand-700);--accent: var(--accent-600);--accent-soft: rgba(217, 141, 31, .12);--success: var(--success-600);--success-soft: rgba(23, 147, 92, .1);--warning: var(--accent-600);--warning-soft: rgba(217, 141, 31, .12);--danger: var(--danger-600);--danger-soft: rgba(195, 50, 54, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-xs: 0 1px 2px rgba(19, 24, 36, .06);--shadow-sm: 0 2px 8px rgba(19, 24, 36, .07);--shadow-md: 0 10px 28px rgba(19, 24, 36, .1);--shadow-lg: 0 24px 56px rgba(19, 24, 36, .14);--shadow-glow: 0 8px 28px rgba(90, 73, 232, .2);--overlay: rgba(19, 24, 36, .42);--skeleton: linear-gradient(90deg, #eef1f7 25%, #e3e7f1 50%, #eef1f7 75%)}[data-theme=system]{color-scheme:light dark}@media(prefers-color-scheme:light){[data-theme=system]{--bg: #f5f6fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaedf6;--surface-hover: #f0f3fa;--border: #e3e7f1;--border-strong: #cdd4e3;--border-subtle: #eef1f7;--text: #131824;--text-secondary: #3f4859;--text-muted: #64708a;--text-faint: #8b95a9;--text-inverse: #ffffff;--brand: var(--brand-600);--brand-hover: var(--brand-700);--brand-soft: rgba(90, 73, 232, .09);--brand-soft-strong: rgba(90, 73, 232, .16);--brand-text: var(--brand-700);--accent: var(--accent-600);--accent-soft: rgba(217, 141, 31, .12);--success: var(--success-600);--success-soft: rgba(23, 147, 92, .1);--warning: var(--accent-600);--warning-soft: rgba(217, 141, 31, .12);--danger: var(--danger-600);--danger-soft: rgba(195, 50, 54, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-xs: 0 1px 2px rgba(19, 24, 36, .06);--shadow-sm: 0 2px 8px rgba(19, 24, 36, .07);--shadow-md: 0 10px 28px rgba(19, 24, 36, .1);--shadow-lg: 0 24px 56px rgba(19, 24, 36, .14);--shadow-glow: 0 8px 28px rgba(90, 73, 232, .2);--overlay: rgba(19, 24, 36, .42);--skeleton: linear-gradient(90deg, #eef1f7 25%, #e3e7f1 50%, #eef1f7 75%)}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@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{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100dvh;isolation:isolate}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--brand-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-hover)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}::selection{background:var(--brand-soft-strong);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.018em;color:var(--text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed)}small{font-size:var(--text-sm)}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 5px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-xs)}.focus-ring:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:var(--z-toast);background:var(--brand);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);transition:top var(--transition-base)}.skip-link:focus{top:var(--space-4)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh;transition:grid-template-columns var(--transition-slow)}.app-shell[data-collapsed=true]{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.app-main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.app-content{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-7) var(--space-7) var(--space-9)}.app-content--wide{max-width:none}.app-content--flush{padding:0}@media(max-width:1100px){.app-content{padding:var(--space-5) var(--space-5) var(--space-8)}}@media(max-width:720px){.app-content{padding:var(--space-4) var(--space-4) var(--space-8)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-7)}.page-header__titles{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.page-header h1{font-size:var(--text-2xl)}.page-header__subtitle{color:var(--text-muted);font-size:var(--text-base);max-width:68ch}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}.page-header__actions>*{flex:1}}.stack,.stack-1,.stack-2,.stack-3,.stack-4,.stack-5,.stack-6,.stack-7{display:flex;flex-direction:column}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-5{gap:var(--space-5)}.stack-6{gap:var(--space-6)}.stack-7{gap:var(--space-7)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.secondary{color:var(--text-secondary)}.brand{color:var(--brand-text)}.accent{color:var(--accent)}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.weight-bold{font-weight:var(--weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:.06em}.center{text-align:center}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.animate-fade-in{animation:fade-in var(--transition-base) both}.animate-fade-up{animation:fade-up var(--transition-slow) both}.animate-scale-in{animation:scale-in var(--transition-base) both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--brand-hover)}.btn--secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn--outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-600)}.btn--danger-soft{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn--success{background:var(--success);color:#fff}.btn--success:hover:not(:disabled){filter:brightness(.94)}.btn--sm{height:32px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--xs{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);gap:6px}.btn--lg{height:48px;padding:0 var(--space-7);font-size:var(--text-md);border-radius:var(--radius-md)}.btn--block{width:100%}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn--icon.btn--xs{width:28px}.btn--icon.btn--lg{width:48px}.btn__spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card--flush{overflow:hidden}.card--interactive{transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.card--interactive:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.01em}.card__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.card__body{padding:var(--space-6)}.card__body--tight{padding:var(--space-4) var(--space-5)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.stat__label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.stat__value{display:flex;align-items:baseline;gap:6px;font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.stat__value small{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted)}.stat__hint{font-size:var(--text-xs);color:var(--text-faint)}.stat--accent .stat__value{color:var(--accent)}.stat--brand .stat__value{color:var(--brand-text)}.stat--success .stat__value{color:var(--success)}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge--neutral{background:var(--surface-3);color:var(--text-secondary)}.badge--brand{background:var(--brand-soft);color:var(--brand-text)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--outline{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.badge--lg{height:28px;padding:0 12px;font-size:var(--text-sm)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.progress{position:relative;height:8px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand-600),var(--brand-400));transition:width var(--transition-slow)}.progress--sm{height:5px}.progress--lg{height:12px}.progress--success .progress__bar{background:linear-gradient(90deg,var(--success-600),var(--success-400))}.progress--accent .progress__bar{background:linear-gradient(90deg,var(--accent-600),var(--accent-400))}.progress-ring{--size: 56px;--thickness: 5px;width:var(--size);height:var(--size);position:relative;flex-shrink:0}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring__track{stroke:var(--surface-3)}.progress-ring__value{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.avatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--surface-3);color:var(--text-secondary);font-weight:var(--weight-semibold);overflow:hidden;-webkit-user-select:none;user-select:none;width:40px;height:40px;font-size:var(--text-base)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar--xl{width:88px;height:88px;font-size:var(--text-2xl)}.avatar--brand{background:var(--brand-soft);color:var(--brand-text)}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar{margin-left:-10px;border:2px solid var(--surface)}.avatar-stack .avatar:first-child{margin-left:0}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:6px}.field__label .req{color:var(--danger)}.field__hint{font-size:var(--text-xs);color:var(--text-faint)}.field__error{font-size:var(--text-xs);color:var(--danger);display:flex;align-items:center;gap:5px}.input,.select,.textarea{width:100%;min-height:40px;padding:9px var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{min-height:110px;resize:vertical;line-height:var(--leading-normal)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b96a9' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:40px}.input-group__icon{position:absolute;left:13px;color:var(--text-faint);pointer-events:none;display:flex}.input-group__action{position:absolute;right:8px;display:flex;align-items:center;gap:4px}.row>.select,.row>.input,.row>.input-group{width:auto;min-width:168px;flex:0 1 auto}.row>.input-group{flex:1 1 220px}.checkbox,.radio{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-base);line-height:var(--leading-snug)}.checkbox input,.radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:19px;height:19px;flex-shrink:0;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface-2);cursor:pointer;transition:all var(--transition-fast);position:relative}.radio input{border-radius:50%}.checkbox input:checked,.radio input:checked{background:var(--brand);border-color:var(--brand)}.checkbox input:checked:after{content:"";position:absolute;left:5.5px;top:1.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio input:checked:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff}.checkbox input:disabled,.radio input:disabled{opacity:.5;cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:42px;height:24px;flex-shrink:0;border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--border);cursor:pointer;transition:background-color var(--transition-base)}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition-base),background-color var(--transition-base)}.switch input:checked{background:var(--brand);border-color:var(--brand)}.switch input:checked:after{transform:translate(18px);background:#fff}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 var(--space-4);border-radius:6px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:all var(--transition-fast)}.segmented__item:hover{color:var(--text)}.segmented__item[aria-pressed=true],.segmented__item[data-active=true]{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.tabs{display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 var(--space-2);margin-bottom:-1px;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--text)}.tab[aria-selected=true],.tab[data-active=true]{color:var(--brand-text);border-bottom-color:var(--brand)}.tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-3);font-size:11px;font-weight:var(--weight-semibold);color:var(--text-secondary)}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-lg)}.table{width:100%;font-size:var(--text-base)}.table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.055em;color:var(--text-faint);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);position:sticky;top:0;z-index:2}.table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.is-sortable:hover{color:var(--text-secondary)}.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table--compact th,.table--compact td{padding:var(--space-3) var(--space-4)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-hover)}.list-row--clickable{cursor:pointer}.list-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.list-row__title{font-weight:var(--weight-medium);color:var(--text);display:flex;align-items:center;gap:var(--space-2);min-width:0}.list-row__meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.list-row__aside{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--space-5);animation:fade-in var(--transition-fast) both;overflow-y:auto}.modal{width:100%;max-width:560px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:scale-in var(--transition-base) both;overflow:hidden}.modal--lg{max-width:820px}.modal--xl{max-width:1080px}.modal--sm{max-width:420px}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--surface)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(440px,100vw);display:flex;flex-direction:column;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:drawer-in var(--transition-slow) both}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.drawer__body{flex:1;overflow-y:auto}.toast-region{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:min(400px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fade-up var(--transition-base) both;pointer-events:auto}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--warning{border-left-color:var(--warning)}.toast__title{font-weight:var(--weight-semibold);font-size:var(--text-base)}.toast__message{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-9) var(--space-6);text-align:center}.empty-state__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-faint);border:1px solid var(--border)}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.empty-state__text{color:var(--text-muted);font-size:var(--text-base);max-width:46ch}.spinner{width:20px;height:20px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.spinner--lg{width:32px;height:32px;border-width:3px}.loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-9) var(--space-5);color:var(--text-muted)}.skeleton{background:var(--skeleton);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}.skeleton--text{height:13px}.skeleton--title{height:22px}.skeleton--card{height:168px;border-radius:var(--radius-lg)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-base)}.alert--info{background:var(--info-soft);border-color:transparent;color:var(--text)}.alert--success{background:var(--success-soft);border-color:transparent}.alert--warning{background:var(--warning-soft);border-color:transparent}.alert--danger{background:var(--danger-soft);border-color:transparent}.alert__title{font-weight:var(--weight-semibold)}.divider{height:1px;background:var(--border);border:none;margin:var(--space-5) 0}.kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface-2);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.dot-sep:before{content:"·";margin:0 7px;color:var(--text-faint)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn__badge{position:absolute;top:6px;right:6px;min-width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg)}.icon-btn__count{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown);min-width:240px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fade-up var(--transition-fast) both}.dropdown__menu--left{right:auto;left:0}.dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-secondary);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown__item:hover{background:var(--surface-2);color:var(--text)}.dropdown__item--danger{color:var(--danger)}.dropdown__item--danger:hover{background:var(--danger-soft);color:var(--danger)}.dropdown__divider{height:1px;background:var(--border);margin:var(--space-2) 0}.dropdown__label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.pagination__pages{display:flex;align-items:center;gap:4px}.pagination__page{min-width:34px;height:34px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);display:grid;place-items:center;transition:all var(--transition-fast)}.pagination__page:hover{background:var(--surface-2);color:var(--text)}.pagination__page[aria-current=page]{background:var(--brand);color:#fff}.pagination__page:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.toolbar__search{flex:1;min-width:180px;max-width:380px}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;margin-bottom:var(--space-4)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--brand-text)}.breadcrumbs__sep{color:var(--text-faint)}@media(max-width:760px){.table--responsive thead{display:none}.table--responsive tbody tr{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle)}.table--responsive td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0;border:none}.table--responsive td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);flex-shrink:0}.table--responsive td:first-child{justify-content:flex-start}.table--responsive td:first-child:before{display:none}}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--bg-elevated);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.sidebar__brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--space-3) var(--space-3) var(--space-5)}.brand-logo{display:block;width:auto;height:auto}.brand-logo--on-dark{display:block}.brand-logo--on-light,[data-theme=light] .brand-logo--on-dark{display:none}[data-theme=light] .brand-logo--on-light{display:block}@media(prefers-color-scheme:light){[data-theme=system] .brand-logo--on-dark{display:none}[data-theme=system] .brand-logo--on-light{display:block}}.sidebar__logo{display:flex;align-items:center;flex-shrink:0}.sidebar__logo .brand-logo--on-light{filter:none}.sidebar__logo-mark{display:none}.sidebar__logo-full{display:block}.sidebar__wordmark{display:flex;flex-direction:column;min-width:0}.sidebar__wordmark strong{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.15}.sidebar__wordmark span{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.sidebar__section{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-4)}.sidebar__section-title{padding:var(--space-2) var(--space-3);font-size:10.5px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.nav-item{display:flex;align-items:center;gap:var(--space-3);height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);position:relative;min-width:0}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item[aria-current=page],.nav-item.is-active{background:var(--brand-soft);color:var(--brand-text)}.nav-item[aria-current=page]:before,.nav-item.is-active:before{content:"";position:absolute;left:-var(--space-4);left:calc(var(--space-4) * -1);top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-item__icon{display:grid;place-items:center;flex-shrink:0;width:20px}.nav-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item__count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--brand);color:#fff;font-size:10.5px;font-weight:var(--weight-bold);display:grid;place-items:center}.nav-item__count--soft{background:var(--surface-3);color:var(--text-secondary)}.sidebar__footer{margin-top:auto;padding-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);min-width:0}.sidebar__user-meta{min-width:0;flex:1}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell[data-collapsed=true] .sidebar__wordmark,.app-shell[data-collapsed=true] .nav-item__label,.app-shell[data-collapsed=true] .nav-item__count,.app-shell[data-collapsed=true] .sidebar__section-title,.app-shell[data-collapsed=true] .sidebar__user-meta{display:none}.app-shell[data-collapsed=true] .nav-item{justify-content:center;padding:0}.app-shell[data-collapsed=true] .sidebar__brand{align-items:center;justify-content:center;padding-left:0;padding-right:0}.app-shell[data-collapsed=true] .sidebar__logo-full{display:none}.app-shell[data-collapsed=true] .sidebar__logo-mark{display:block}.app-shell[data-collapsed=true] .sidebar__user{justify-content:center;padding:var(--space-2)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-7);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__nav{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__link{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast)}.topbar__link:hover{background:var(--surface-2);color:var(--text)}.topbar__link[aria-current=page]{background:var(--brand-soft);color:var(--brand-text)}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.topbar__mobile-toggle{display:none}@media(max-width:1024px){.app-shell,.app-shell[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-drawer);width:min(300px,84vw);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-lg)}.sidebar[data-open=true]{transform:translate(0)}.sidebar__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:var(--overlay);animation:fade-in var(--transition-fast) both}.topbar{padding:0 var(--space-4)}.topbar__mobile-toggle{display:inline-grid}}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1fr;background:var(--bg)}@media(min-width:960px){.auth-shell{grid-template-columns:1fr 1fr}}.auth-aside{display:none;position:relative;padding:var(--space-9) var(--space-8);background:radial-gradient(1100px 620px at 12% 8%,rgba(109,93,246,.35),transparent 60%),radial-gradient(760px 520px at 92% 92%,rgba(240,168,60,.16),transparent 62%),linear-gradient(160deg,#171233,#0c0e1c 55%,#0a0c15);color:#eef0ff;flex-direction:column;justify-content:space-between;overflow:hidden}@media(min-width:960px){.auth-aside{display:flex}}.auth-aside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 30% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 30% 30%,#000 0%,transparent 78%);pointer-events:none}.auth-aside__content{position:relative;z-index:1;max-width:46ch}.auth-aside h2{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-4)}.auth-aside p{color:#e9ecffb8;font-size:var(--text-md)}.auth-aside__list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-7)}.auth-aside__item{display:flex;align-items:flex-start;gap:var(--space-3);color:#e9ecffdb;font-size:var(--text-base)}.auth-aside__bullet{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#6d5df647;color:#c7c2ff;margin-top:1px}.auth-main{display:flex;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5)}.auth-card{width:100%;max-width:424px}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-7)}.auth-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--text-muted);margin-bottom:var(--space-7)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-base);color:var(--text-muted)}.course-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);height:100%}.course-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-card__cover{position:relative;aspect-ratio:16 / 9;max-height:260px;background:linear-gradient(135deg,var(--brand-800),var(--brand-600));display:grid;place-items:center;overflow:hidden}.course-card__cover img{width:100%;height:100%;object-fit:cover}.course-card__cover-letter{font-size:46px;font-weight:var(--weight-bold);color:#ffffff3d;letter-spacing:-.05em}.course-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.course-card__badges .badge{background:#090b12bd;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.course-card__badges .badge--warning{background:#d98d1feb;color:#fff}.course-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.course-card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.course-card__meta-item{display:inline-flex;align-items:center;gap:5px}.course-card__teacher{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.course-card__footer{margin-top:auto;padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.course-hero{position:relative;padding:var(--space-7);border-radius:var(--radius-xl);background:radial-gradient(900px 420px at 8% 0%,rgba(109,93,246,.22),transparent 62%),linear-gradient(135deg,var(--surface) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);overflow:hidden}.course-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-6)}.course-hero__eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);flex-wrap:wrap}.course-hero__title{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-3);max-width:26ch}.course-hero__teacher{display:flex;align-items:center;gap:var(--space-3)}.course-hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:var(--space-4)}@media(max-width:900px){.course-hero{padding:var(--space-5)}.course-hero__title{font-size:var(--text-2xl)}}.lesson-table__row{cursor:pointer}.lesson-table__index{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);flex-shrink:0}.lesson-table__index--done{background:var(--success-soft);color:var(--success)}.lesson-table__index--current{background:var(--brand);color:#fff}.lesson-table__title{display:flex;align-items:center;gap:var(--space-3);min-width:0}.lesson-table__kind{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--surface-3);color:var(--text-muted);flex-shrink:0}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(268px,1fr);gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-3)}.kanban__column{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);min-height:200px}.kanban__column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.kanban__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--transition-fast),transform var(--transition-fast)}.kanban__card:hover{border-color:var(--brand);transform:translateY(-1px)}.calendar{display:flex;flex-direction:column;gap:var(--space-4)}.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.calendar__weekday{padding:var(--space-3);background:var(--surface-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);text-align:center}.calendar__cell{min-height:108px;padding:var(--space-3);background:var(--surface);display:flex;flex-direction:column;gap:5px;transition:background-color var(--transition-fast)}.calendar__cell:hover{background:var(--surface-hover)}.calendar__cell--muted{background:var(--bg-elevated)}.calendar__cell--today{box-shadow:inset 0 0 0 2px var(--brand)}.calendar__date{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.calendar__event{display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:var(--text-xs);background:var(--brand-soft);color:var(--brand-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.calendar__event--deadline{background:var(--danger-soft);color:var(--danger)}.calendar__event--test{background:var(--warning-soft);color:var(--warning)}.calendar__event--webinar{background:var(--info-soft);color:var(--info)}@media(max-width:860px){.calendar__cell{min-height:76px;padding:var(--space-2)}.calendar__event{font-size:10px;padding:2px 4px}}.chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - var(--topbar-height) - var(--space-9));min-height:480px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.chat-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.chat-sidebar__list{flex:1;overflow-y:auto}.chat-thread{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast);min-width:0}.chat-thread:hover{background:var(--surface-hover)}.chat-thread[data-active=true]{background:var(--brand-soft)}.chat-thread__main{flex:1;min-width:0}.chat-thread__name{font-size:var(--text-base);font-weight:var(--weight-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.chat-thread__preview{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.chat-panel__messages{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.message{display:flex;gap:var(--space-3);max-width:78%}.message--own{margin-left:auto;flex-direction:row-reverse}.message__bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-base);line-height:var(--leading-normal);word-break:break-word}.message--own .message__bubble{background:var(--brand);border-color:transparent;color:#fff}.message__meta{font-size:var(--text-xs);color:var(--text-faint);margin-top:4px}.chat-panel__composer{border-top:1px solid var(--border);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:860px){.chat-layout{grid-template-columns:minmax(0,1fr);height:auto}.chat-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:260px}.message{max-width:92%}}.player{position:relative;background:#05070c;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.player video{width:100%;display:block;aspect-ratio:16 / 9;background:#05070c}.player__placeholder{aspect-ratio:16 / 9;display:grid;place-items:center;color:var(--text-faint);gap:var(--space-3)}.player__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-6);align-items:start}@media(max-width:1100px){.lesson-layout{grid-template-columns:minmax(0,1fr)}}.lesson-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--topbar-height) + var(--space-5))}@media(max-width:1100px){.lesson-sidebar{position:static}}.lesson-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);transition:background-color var(--transition-fast);min-width:0}.lesson-nav-item:hover{background:var(--surface-2)}.lesson-nav-item[data-active=true]{background:var(--brand-soft);color:var(--brand-text);font-weight:var(--weight-medium)}.prose{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-md)}.prose>*+*{margin-top:var(--space-5)}.prose h2{font-size:var(--text-xl);color:var(--text);margin-top:var(--space-7)}.prose h3{font-size:var(--text-lg);color:var(--text);margin-top:var(--space-6)}.prose strong{color:var(--text);font-weight:var(--weight-semibold)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose ul li{list-style:disc;margin-bottom:var(--space-2)}.prose ol li{list-style:decimal;margin-bottom:var(--space-2)}.prose blockquote{padding-left:var(--space-5);border-left:3px solid var(--brand);color:var(--text-muted);font-style:italic}.prose img{border-radius:var(--radius-md)}.callout{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--info-soft);border:1px solid transparent;color:var(--text-secondary);font-size:var(--text-base)}.callout--warning{background:var(--warning-soft)}.callout--success{background:var(--success-soft)}.callout--danger{background:var(--danger-soft)}.file-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-row:hover{border-color:var(--border-strong);background:var(--surface-hover)}.file-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);letter-spacing:.03em;border:1px solid var(--border)}.file-icon--pdf{background:var(--danger-soft);color:var(--danger);border-color:transparent}.file-icon--doc{background:var(--info-soft);color:var(--info);border-color:transparent}.file-icon--sheet{background:var(--success-soft);color:var(--success);border-color:transparent}.file-icon--slide{background:var(--accent-soft);color:var(--accent);border-color:transparent}.file-icon--zip{background:var(--warning-soft);color:var(--warning);border-color:transparent}.file-icon--video{background:var(--brand-soft);color:var(--brand-text);border-color:transparent}.leaderboard__place{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-2);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.leaderboard__place--1{background:linear-gradient(135deg,#f7c163,#d98d1f);color:#241a04}.leaderboard__place--2{background:linear-gradient(135deg,#d7dce6,#a8b1c2);color:#1d222c}.leaderboard__place--3{background:linear-gradient(135deg,#e0a06a,#b5703a);color:#241505}.leaderboard__row--me{background:var(--brand-soft)!important;box-shadow:inset 3px 0 0 var(--brand)}.certificate-card{position:relative;aspect-ratio:1.414 / 1;border-radius:var(--radius-lg);background:linear-gradient(150deg,#171d33,#101527 55%,#0c101d);border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:var(--space-7);color:#eef0ff}.certificate-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,var(--brand-500),var(--accent-500))}.certificate-card__org{font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--brand-300);margin-bottom:var(--space-3)}.certificate-card__title{font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-4)}.certificate-card__name{font-size:var(--text-xl);color:var(--accent-400);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.certificate-card__course{font-size:var(--text-md);color:#eef0ffdb}.certificate-card__meta{display:flex;gap:var(--space-6);margin-top:var(--space-5);font-size:var(--text-xs);color:#eef0ff99;flex-wrap:wrap}.certificate-card__qr{position:absolute;right:var(--space-6);bottom:var(--space-6);width:84px;height:84px;border-radius:var(--radius-sm);background:#fff;padding:5px}.certificate-card__serial{position:absolute;right:var(--space-6);bottom:calc(var(--space-6) + 92px);font-family:var(--font-mono);font-size:11px;color:#eef0ffb3}.landing{min-height:100dvh;background:radial-gradient(1200px 640px at 78% -8%,rgba(109,93,246,.28),transparent 60%),radial-gradient(900px 520px at 6% 12%,rgba(240,168,60,.12),transparent 58%),var(--bg)}.landing__header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-8);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.landing__nav{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-base)}.landing__hero{max-width:1120px;margin:0 auto;padding:var(--space-10) var(--space-7) var(--space-9);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-9);align-items:center}.landing__hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-5)}.landing__hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:54ch}.landing__actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap}.landing__visual{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden;aspect-ratio:4 / 3;display:flex;flex-direction:column}.landing__visual-bar{display:flex;align-items:center;gap:6px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.landing__visual-dot{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.landing__visual-body{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.landing__section{max-width:1120px;margin:0 auto;padding:var(--space-9) var(--space-7)}.landing__section-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.landing__section-lead{color:var(--text-muted);font-size:var(--text-md);max-width:62ch;margin-bottom:var(--space-7)}.landing__footer{border-top:1px solid var(--border);padding:var(--space-7) var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:900px){.landing__hero{grid-template-columns:minmax(0,1fr);padding:var(--space-8) var(--space-5) var(--space-7);gap:var(--space-7)}.landing__header{padding:var(--space-4) var(--space-5)}.landing__nav{display:none}.landing__section{padding:var(--space-7) var(--space-5)}.landing__footer{padding:var(--space-6) var(--space-5)}}@media print{.sidebar,.topbar,.no-print{display:none!important}.app-shell{grid-template-columns:minmax(0,1fr)}body{background:#fff;color:#000}}