:root{--bg: #f8fafc;--bg-elev: #ffffff;--bg-elev-2: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #111827;--text-dim: #475569;--text-faint: #94a3b8;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-dim: #eff6ff;--ok: #15803d;--warn: #b45309;--bad: #b91c1c;--radius: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 20px rgba(15, 23, 42, .1);--focus-ring: #3b82f6;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--focus-ring)}.auth-shell{min-height:100%;display:grid;place-items:center;padding:24px}.auth-panel{width:min(420px,100%);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);transition:all .2s ease-out}.auth-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-brand{margin-bottom:26px}.auth-panel h1{margin:0 0 5px;font-size:22px;font-weight:600;letter-spacing:-.01em}.auth-panel>.muted{margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-switch{margin-top:18px;text-align:center}.layout{display:flex;height:100%}.sidebar{width:210px;flex:0 0 210px;background:var(--bg-elev);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:28px;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--text)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius);background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{color:var(--text-dim);text-decoration:none;padding:10px 12px;border-radius:var(--radius);font-weight:500;transition:all .15s ease-out}.sidebar nav a:hover{background:var(--bg-elev-2);color:var(--text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sidebar nav a.active{background:var(--accent-dim);color:var(--accent-dark);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-foot{margin-top:auto;font-size:12px;color:var(--text-faint);line-height:1.5}.sidebar-foot p{margin:0 0 4px}.content{flex:1;overflow-y:auto;background:var(--bg)}.page{max-width:1180px;padding:36px 40px 64px;display:flex;flex-direction:column;gap:24px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-head h2{margin:0 0 6px;font-size:24px;font-weight:600;letter-spacing:-.01em}h3{margin:0 0 12px;font-size:17px;font-weight:600}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease-out}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.muted{color:var(--text-dim);margin:0}.small{font-size:12.5px}.strong{font-weight:600}.mono{font-family:var(--mono);font-size:12.5px}.nowrap{white-space:nowrap}.right{text-align:right}.clamp{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;gap:16px;align-items:flex-end;flex-wrap:nowrap}.row.wrap{flex-wrap:wrap}.row+.row{margin-top:12px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 auto}.field>span{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:6px;font-weight:500}.field.wide{flex:1 1 100%}input,select,textarea{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);padding:8px 12px;font-family:inherit;font-size:13px;min-width:0;width:100%;transition:all .15s ease-out}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--focus-ring)}input:disabled{color:var(--text-faint);background:var(--bg-elev-2)}.help{color:var(--text-faint);font-size:11.5px;white-space:pre-line}.inline{display:flex;align-items:center;gap:6px}.inline input{width:auto}.badge{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:var(--radius);background:var(--bg-elev-2);color:var(--text-faint);border:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-bottom:16px}.form-grid .field.wide{grid-column:1 / -1}@media (max-width: 820px){.form-grid{grid-template-columns:1fr}}button,.link{font-family:inherit;font-size:13px;cursor:pointer}button{background:var(--bg-elev-2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius);padding:8px 16px;font-weight:500;box-shadow:var(--shadow-sm);transition:all .15s ease-out}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}button.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button.danger{border-color:#fecaca;color:var(--bad);background:#fff}button.danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}button.link{background:#fff;border:1px solid transparent;color:var(--accent);padding:8px 16px;border-radius:var(--radius);box-shadow:var(--shadow-sm);font-weight:500}button.link:hover{text-decoration:underline;transform:translateY(-1px);background:var(--accent-dim);border-color:#bfdbfe;box-shadow:var(--shadow-md)}button.link:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}button.link.danger,.link.danger{color:var(--bad)}a.link{color:var(--accent);text-decoration:none}a.link:hover{text-decoration:underline}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:500;color:var(--text-dim);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.table th.right{text-align:right}.table td{padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr{transition:background .15s ease-out}.table tbody tr:hover{background:#f8fafc}.table tr:last-child td{border-bottom:none}.subrow td{background:var(--bg-elev-2);padding:14px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.section-head h3{margin-bottom:4px}.section-head p{margin:0}.check-cell{width:42px;text-align:center!important}.tag{display:inline-block;padding:2px 9px;border-radius:var(--radius);font-size:11.5px;border:1px solid transparent;white-space:nowrap}.tag.ok{color:var(--ok);background:#f0fdf4;border-color:#bbf7d0}.tag.bad{color:var(--bad);background:#fef2f2;border-color:#fecaca}.tag.busy{color:var(--accent);background:#eff6ff;border-color:#bfdbfe}.tag.warn{color:var(--warn);background:#fffbeb;border-color:#fde68a}.tag.idle{color:var(--text-dim);background:#f8fafc;border-color:var(--border)}.chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:10px}.chip{display:inline-flex;align-items:baseline;gap:7px;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:12.5px}.chip em{font-style:normal;color:var(--text-faint);font-family:var(--mono);font-size:10.5px}.courses-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.course-item{display:flex;align-items:flex-start;gap:9px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease-out}.course-item:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:var(--shadow-md)}.course-item.on{border-color:var(--accent);background:var(--accent-dim)}.course-item input{width:auto;margin-top:3px;flex:0 0 auto}.course-item em{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--text-faint)}.advanced{margin:14px 0;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:#fff;box-shadow:var(--shadow-sm)}.advanced summary{cursor:pointer;font-size:13px;color:var(--text-dim);font-weight:500}.advanced[open] summary{margin-bottom:12px}.tabs{display:flex;gap:6px}.tab{background:#fff;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);padding:9px 16px}.tab.on{background:var(--accent-dim);border-color:#bfdbfe;color:var(--accent-dark);font-weight:500}.alert{border-radius:var(--radius);padding:13px 16px;border:1px solid;font-size:13px;box-shadow:var(--shadow-sm)}.alert.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.progress{position:relative;height:22px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:16px 0 6px}.progress-bar{height:100%;background:var(--accent);transition:width .2s ease-out}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11.5px;color:var(--text-dim)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding-bottom:6px}.meta-grid .muted{display:block}.log{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:0;max-height:520px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#334155;box-shadow:inset 0 1px 2px #0f172a0a}ul.plain{margin:8px 0 0;padding-left:20px;color:var(--text-dim);font-size:12.5px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=checkbox]{accent-color:var(--accent)}@media (max-width: 760px){.layout{display:block;height:auto;min-height:100%}.sidebar{width:100%;padding:16px;gap:16px;border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar-foot{margin-top:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sidebar-foot p{margin:0}.page{padding:24px 16px 40px}.page-head{display:block}.page-head h2{font-size:21px}.card{padding:20px}.row{flex-wrap:wrap}.row>.field{flex-basis:100%}.table{display:block;overflow-x:auto;white-space:nowrap}.course-grid{grid-template-columns:1fr}}