:root{--blue-50: #eef4ff;--blue-100: #dbe8ff;--blue-200: #bcd4ff;--blue-400: #5b94f7;--blue-500: #2f6feb;--blue-600: #1a56d6;--blue-700: #1445ad;--teal-50: #e6f5f4;--teal-500: #0f766e;--teal-600: #0b5f58;--green-50: #e9f8ef;--green-100: #d1f0dd;--green-500: #12a150;--green-600: #0c7c3d;--amber-50: #fff6e5;--amber-100: #ffeac2;--amber-500: #c77700;--amber-600: #9a5c00;--red-50: #fdecec;--red-100: #fbd8d8;--red-500: #d92d20;--red-600: #b42318;--violet-50: #f2eeff;--violet-500: #6941c6;--grey-25: #fcfcfd;--grey-50: #f7f8fa;--grey-100: #f1f3f7;--grey-200: #e6e9f0;--grey-300: #d3d8e3;--grey-400: #9ba5b7;--grey-500: #6b7688;--grey-600: #4b5565;--grey-700: #344054;--grey-800: #1f2733;--grey-900: #101828;--page-bg: #f4f6fa;--surface: #ffffff;--surface-alt: var(--grey-50);--surface-sunken: var(--grey-100);--border: var(--grey-200);--border-strong: var(--grey-300);--text: var(--grey-800);--text-muted: var(--grey-500);--text-subtle: var(--grey-400);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-soft: var(--blue-50);--focus-ring: 0 0 0 3px rgba(47, 111, 235, .22);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .14);--rail-width: 84px;--nav-width: 296px;--topbar-height: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-root{min-height:100%}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--grey-900);letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.page{padding:var(--space-8);max-width:1560px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;color:var(--grey-900)}.page-subtitle{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-md)}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:var(--space-2)}.spacer{flex:1}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-sidebar{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}@media(max-width:1100px){.grid-sidebar{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap}.card-head .row-tight{flex-wrap:wrap}.card-head h2,.card-head h3{font-size:var(--text-md);font-weight:600}.card-head-plain{border-bottom:none;padding-bottom:var(--space-2)}.card-body{padding:var(--space-5) var(--space-6)}.card-body-flush{padding:0}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--grey-25);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stat{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:left;width:100%;color:inherit;font:inherit;cursor:default;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}a.stat,button.stat{cursor:pointer}a.stat:hover,button.stat:hover{box-shadow:var(--shadow-md);border-color:var(--blue-200);transform:translateY(-1px)}.stat-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.stat-value{margin-top:var(--space-2);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--grey-900)}.stat-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-subtle)}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);flex:none}.tone-primary .stat-icon,.chip-primary{background:var(--blue-50);color:var(--blue-600)}.tone-info .stat-icon,.chip-info{background:var(--teal-50);color:var(--teal-600)}.tone-success .stat-icon,.chip-success{background:var(--green-50);color:var(--green-600)}.tone-warning .stat-icon,.chip-warning{background:var(--amber-50);color:var(--amber-600)}.tone-danger .stat-icon,.chip-danger{background:var(--red-50);color:var(--red-600)}.tone-neutral .stat-icon,.chip-neutral{background:var(--grey-100);color:var(--grey-600)}.tone-violet .stat-icon{background:var(--violet-50);color:var(--violet-500)}.stat-value.tone-success{color:var(--green-600)}.stat-value.tone-danger{color:var(--red-600)}.stat-value.tone-warning{color:var(--amber-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent);color:#fff;font:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--accent-hover);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--grey-700);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--grey-50);color:var(--grey-800);border-color:var(--grey-400)}.btn-ghost{background:transparent;color:var(--grey-600)}.btn-ghost:hover{background:var(--grey-100);color:var(--grey-800)}.btn-soft{background:var(--blue-50);color:var(--blue-600)}.btn-soft:hover{background:var(--blue-100);color:var(--blue-700)}.btn-danger{background:var(--red-500)}.btn-danger:hover{background:var(--red-600)}.btn-success{background:var(--green-500)}.btn-success:hover{background:var(--green-600)}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn-lg{height:42px;padding:0 var(--space-5);font-size:var(--text-md)}.btn-pill{border-radius:var(--radius-pill)}.btn-block{width:100%}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--grey-500)}.btn-icon:hover{background:var(--grey-100);color:var(--grey-800)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;white-space:nowrap;background:var(--grey-100);color:var(--grey-600)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge-plain:before{display:none}.badge-success{background:var(--green-50);color:var(--green-600)}.badge-warning{background:var(--amber-50);color:var(--amber-600)}.badge-danger{background:var(--red-50);color:var(--red-600)}.badge-info{background:var(--blue-50);color:var(--blue-600)}.badge-neutral{background:var(--grey-100);color:var(--grey-600)}.badge-violet{background:var(--violet-50);color:var(--violet-500)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--grey-100);color:var(--grey-600);font-size:var(--text-sm);font-weight:500}.tag{display:inline-flex;align-items:center;padding:1px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);background:var(--grey-25)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-base)}table.data thead th{position:sticky;top:0;background:var(--surface);text-align:left;padding:var(--space-3) var(--space-6);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--border);white-space:nowrap}table.data tbody td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--grey-100);vertical-align:middle;color:var(--grey-700)}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue-400);background:var(--blue-50)}table.data tbody tr:hover{background:var(--grey-25)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-primary{font-weight:500;color:var(--grey-900)}.cell-muted{color:var(--text-muted);font-size:var(--text-sm)}.cell-stack{display:flex;flex-direction:column;gap:2px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--grey-700);line-height:1.35}.field-label .req{color:var(--red-500);font-weight:700}.field-hint,.field-error{display:flex;align-items:flex-start;gap:5px;font-size:var(--text-sm);line-height:1.4}.field-hint{color:var(--text-subtle)}.field-error{color:var(--red-600);font-weight:500}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),select,textarea{width:100%;min-width:0;min-height:38px;padding:8px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font:inherit;font-size:var(--text-base);line-height:1.4;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--grey-400)}textarea{min-height:104px;padding:10px var(--space-3);resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7688' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}select[multiple]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding:6px;cursor:default}select[multiple] option{padding:6px var(--space-2);border-radius:var(--radius-sm)}input[type=date],input[type=time],input[type=datetime-local]{min-width:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1}input:hover:not([disabled]):not(:focus),select:hover:not([disabled]):not(:focus),textarea:hover:not([disabled]):not(:focus){border-color:var(--grey-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-400);box-shadow:var(--focus-ring)}input[disabled],select[disabled],textarea[disabled],input[readonly]{background:var(--grey-50);color:var(--text-muted);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--red-500);background:var(--red-50)}.field-invalid input:focus,.field-invalid select:focus,.field-invalid textarea:focus{box-shadow:0 0 0 3px #d92d202e}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-base);color:var(--grey-700);cursor:pointer;line-height:1.4}.checkbox input{width:16px;height:16px;min-height:0;margin:2px 0 0;accent-color:var(--accent);cursor:pointer;flex:none}.check-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--grey-25);cursor:pointer;transition:border-color .15s ease,background .15s ease}.check-card:hover{border-color:var(--blue-200);background:var(--blue-50)}.check-card:focus-within{border-color:var(--blue-400);box-shadow:var(--focus-ring)}.check-card input{width:16px;height:16px;min-height:0;margin:2px 0 0;accent-color:var(--accent);cursor:pointer;flex:none}.check-card .check-text{display:grid;gap:2px}.check-card .check-title{font-size:var(--text-base);font-weight:500;color:var(--grey-800)}.check-card .check-hint{font-size:var(--text-sm);color:var(--text-subtle)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-4);align-items:start}.form-grid .span-2{grid-column:1 / -1}.form-sections{display:grid;gap:var(--space-6)}.form-section{display:grid;gap:var(--space-4)}.form-section+.form-section{margin-top:24px;padding-top:0;border-top:none}.form-section.with-separator{padding-top:var(--space-6);border-top:1px solid var(--border)}.form-section-head{display:grid;gap:2px}.form-section-title{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.form-section-note{font-size:var(--text-sm);color:var(--text-muted)}.form-section>.btn,.form-section>button.btn{justify-self:start}.form-footnote{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-sm);color:var(--text-subtle);line-height:1.45}.form-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--red-100);border-radius:var(--radius-sm);background:var(--red-50);color:var(--red-600);font-size:var(--text-sm);line-height:1.45}@media(max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}}fieldset{border:none;padding:0;margin:0}legend{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);padding:0 0 var(--space-3)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted)}.empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--grey-100);color:var(--grey-400)}.divider{height:1px;background:var(--border);border:none;margin:var(--space-5) 0}.meter{height:6px;border-radius:var(--radius-pill);background:var(--grey-100);overflow:hidden}.meter>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent)}.meter.success>span{background:var(--green-500)}.meter.warning>span{background:var(--amber-500)}.meter.danger>span{background:var(--red-500)}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-500);color:#fff;font-size:var(--text-sm);font-weight:600;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:48px;height:48px;font-size:var(--text-md)}.avatar-xl{width:72px;height:72px;font-size:var(--text-xl)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.small{font-size:var(--text-sm)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.strong{font-weight:600;color:var(--grey-900)}.center{text-align:center}.right{text-align:right}.rich :first-child{margin-top:0}.rich :last-child{margin-bottom:0}.rich p,.rich ul,.rich ol{margin:0 0 var(--space-3)}.rich ul,.rich ol{padding-left:var(--space-5)}.rich h3,.rich h4{margin:var(--space-4) 0 var(--space-2)}.rich img{max-width:100%;border-radius:var(--radius-sm)}.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}.skeleton{background:linear-gradient(90deg,var(--grey-100),var(--grey-50),var(--grey-100));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:720px){.page{padding:var(--space-5) var(--space-4)}.page-title{font-size:var(--text-xl)}table.data thead th,table.data tbody td{padding-left:var(--space-4);padding-right:var(--space-4)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.course-top{display:flex;align-items:center;justify-content:space-between}.course-actions{display:flex;align-items:center;gap:6px}.course-menu{border:none;background:transparent;padding:2px 4px;margin:0;color:var(--grey-500);font-size:22px;line-height:1;cursor:pointer}.course-menu:hover{color:var(--grey-900)}.course-menu-wrapper{position:relative;display:flex;align-items:center}.course-menu{border:none;background:transparent;cursor:pointer;padding:4px 6px;font-size:20px;line-height:1}.course-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:110px;padding:4px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.course-dropdown button{display:block;width:100%;padding:8px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:var(--text-sm)}.course-dropdown button:hover{background:var(--grey-100)}.date-filters{display:flex;gap:var(--space-2);min-width:0}.date-filters input{width:150px;min-width:0}