:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#1f2733;--text-muted:#64748b;--text-faint:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff4ff;--sidebar-bg:#0f172a;--sidebar-fg:#cbd5e1;--sidebar-active:#1e293b;--sidebar-active-fg:#fff;--good-bg:#dcfce7;--good-fg:#166534;--info-bg:#dbeafe;--info-fg:#1e40af;--warn-bg:#fef3c7;--warn-fg:#92400e;--bad-bg:#fee2e2;--bad-fg:#991b1b;--neutral-bg:#e2e8f0;--neutral-fg:#334155;--muted-bg:#f1f5f9;--muted-fg:#64748b;--radius:8px;--radius-sm:6px;--shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang TC,Microsoft JhengHei,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:220px;color:var(--sidebar-fg);flex-direction:column;flex:0 0 220px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:18px 20px;font-size:18px;font-weight:700;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--sidebar-fg);padding:9px 12px;font-weight:500;display:block}.nav-link:hover{background:var(--sidebar-active);color:#fff;text-decoration:none}.nav-link.active{background:var(--sidebar-active);color:var(--sidebar-active-fg)}.sidebar-api-link{opacity:.7;margin:0 12px 4px;padding:7px 12px!important;font-size:12px!important}.sidebar-api-link:hover{opacity:1}.sidebar-foot{color:var(--text-faint);border-top:1px solid #ffffff14;padding:14px 20px;font-size:11px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-user{color:var(--text-muted);align-items:center;gap:8px;display:flex}.topbar-role{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 7px;font-size:11px}.content{flex:1;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:16px}.card-title{margin-bottom:12px;font-size:15px;font-weight:600}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.kpi-value{margin-top:6px;font-size:28px;font-weight:700}.kpi-value.alert{color:var(--bad-fg)}.kpi-value.warn{color:var(--warn-fg)}.kpi-link{cursor:pointer;text-decoration:none;transition:box-shadow .12s,transform .1s;display:block}.kpi-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.kpi-link .kpi-label{color:var(--text-muted)}.card-head-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-head-row .card-title{margin-bottom:0}.card-link{color:var(--primary);white-space:nowrap;font-size:12.5px}.card-link:hover{text-decoration:underline}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h1{margin:0}.page-sub{color:var(--text-muted);margin:4px 0 0}.skill-subtitle{color:var(--text);margin:6px 0 0;font-size:15px;line-height:1.5}.readme-block-wrap{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.readme-block{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:14px;font-size:13.5px;line-height:1.6}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .spacer{flex:1}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-weight:600}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--primary-soft)}.cell-muted{color:var(--text-muted)}.cell-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.cell-actions{white-space:nowrap;gap:6px;display:flex}.empty{text-align:center;color:var(--text-muted);padding:36px 16px}.badge{white-space:nowrap;text-transform:capitalize;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.6;display:inline-block}.badge-good{background:var(--good-bg);color:var(--good-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge-bad{background:var(--bad-bg);color:var(--bad-fg)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.badge-muted{background:var(--muted-bg);color:var(--muted-fg)}.tag{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);margin:0 4px 4px 0;padding:1px 8px;font-size:12px;display:inline-block}.paginator{color:var(--text-muted);align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.paginator-info{flex:1}.paginator-page{text-align:center;min-width:60px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.skill-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.skill-card:hover{border-color:var(--primary);text-decoration:none;box-shadow:0 2px 6px #0f172a1a}.skill-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.skill-card-name{color:var(--text);font-size:15px;font-weight:600}.skill-card-summary{color:var(--text);margin:0;font-size:13.5px;line-height:1.5}.skill-card-meta{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.skill-card-foot{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:6px;font-size:12px;display:flex}.skill-card-runtime{color:var(--text-muted)}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--bad-bg);color:var(--bad-fg);border-color:#0000}.btn-danger:hover{background:#fecaca}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-link{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.btn-link:hover{text-decoration:underline}.form-grid{gap:14px;display:grid}.form-grid.cols-2{grid-template-columns:1fr 1fr}@media (width<=640px){.form-grid.cols-2{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-muted);font-size:12.5px;font-weight:600}.field .hint{color:var(--text-faint);font-size:11.5px}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:8px 10px;font-family:inherit;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.textarea{resize:vertical;min-height:72px}.form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.alert-box{border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{background:var(--bad-bg);color:var(--bad-fg)}.alert-info{background:var(--info-bg);color:var(--info-fg)}.loading{color:var(--text-muted);padding:24px 0}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;padding:22px;box-shadow:0 10px 30px #0f172a40}.modal.wide{max-width:760px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{margin:0}.modal-close{cursor:pointer;color:var(--text-faint);background:0 0;border:none;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.drawer-backdrop{z-index:100;background:#0f172a73;position:fixed;inset:0}.drawer{background:var(--surface);z-index:101;flex-direction:column;width:440px;max-width:90vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0f172a2e}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-body{flex:1;padding:20px;overflow-y:auto}.dl{grid-template-columns:160px 1fr;gap:8px 16px;display:grid}.dl dt{color:var(--text-muted);font-size:13px}.dl dd{margin:0}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);padding:0 0 16px 20px;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:-6px}.timeline .ev-type{font-weight:600}.timeline .ev-time{color:var(--text-faint);font-size:12px}.timeline .ev-payload{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.login-wrap{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border-radius:12px;width:100%;max-width:380px;padding:32px;box-shadow:0 12px 40px #0000004d}.login-brand{align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:700;display:flex}.login-sub{color:var(--text-muted);margin:0 0 24px;font-size:13px}.row{align-items:center;gap:10px;display:flex}.gap-sm{gap:6px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.nowrap{white-space:nowrap}.text-right{text-align:right}.pager{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.tag-input-wrap{flex-direction:column;gap:8px;display:flex}.tag-input-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:6px 8px;transition:border-color .12s,box-shadow .12s;display:flex}.tag-input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tag-chip{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 8px;font-size:12.5px;font-weight:500;line-height:1.4;display:inline-flex}.tag-chip-remove{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 1px;font-size:15px;line-height:1;transition:opacity .1s}.tag-chip-remove:hover{opacity:1}.tag-input-inner{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:140px;padding:2px 0;font-family:inherit;font-size:13.5px}.tag-input-inner::placeholder{color:var(--text-faint)}.tag-suggestions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-suggestions-label{color:var(--text-faint);white-space:nowrap;font-size:11.5px}.tag-suggestion{border:1px dashed var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.tag-suggestion:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}