:root{--ink:#172033;--muted:#667085;--line:#dfe3ea;--bg:#f5f7fa;--panel:#fff;--accent:#155eef;--accent-dark:#004eeb;--danger:#b42318;--success:#067647;--radius:10px;font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 8px;color:#667085;font-size:11px;font-weight:700;letter-spacing:.12em}.muted{color:var(--muted)}
.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.brand-panel{background:#12233f;color:#fff;padding:64px 72px;display:flex;flex-direction:column;justify-content:space-between}.brand-mark,.logo-small{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;letter-spacing:-.04em}.brand-mark{width:64px;height:64px;border-radius:14px;font-size:18px}.brand-panel h1{font-size:48px;line-height:1.1;letter-spacing:-.045em;margin:18px 0}.brand-panel p:not(.eyebrow){color:#cbd5e1;max-width:430px;line-height:1.8}.brand-panel small{color:#94a3b8}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-form{width:min(400px,100%)}.login-form h2{font-size:30px;margin:0 0 6px;letter-spacing:-.03em}.login-form>label,.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-top:20px}input,select,textarea{width:100%;border:1px solid #cfd5df;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #155eef1c}.primary,.secondary{border:0;border-radius:8px;padding:11px 18px;font-weight:650;white-space:nowrap}.primary{color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-dark)}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{color:#344054;background:#eef1f5}.login-form .primary{width:100%;margin-top:18px}.error{min-height:20px;margin:10px 0 0;color:var(--danger);font-size:13px}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:244px 1fr}aside{position:sticky;top:0;height:100dvh;background:#12233f;color:#dbe5f5;padding:24px 16px;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;gap:10px;padding:0 10px 28px;font-size:17px}.logo-small{width:34px;height:34px;border-radius:8px;font-size:11px}nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#aebdd1;text-align:left;border-radius:8px;padding:11px 13px;font-size:13px}.nav-link{display:block;text-decoration:none}.nav:hover{background:#ffffff0d;color:#fff}.nav.active{background:#ffffff16;color:#fff;font-weight:650}.account{margin-top:auto;border-top:1px solid #ffffff1c;padding:18px 10px 0;display:grid;gap:3px}.account small{color:#91a2ba}.text-button{border:0;background:transparent;color:#aebdd1;text-align:left;padding:10px 0 0}.workspace{min-width:0}.workspace>header{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.workspace header h2{margin:0;font-size:22px}.header-meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.status{color:var(--success);font-weight:650}.page{padding:32px 36px}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.toolbar h3{font-size:24px;margin:0 0 6px}.toolbar p{margin:0;color:var(--muted)}.filter-row{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:0}.filter{border:0;background:transparent;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent}.filter.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}
.model-list{background:var(--panel)}.model-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) minmax(150px,.8fr) auto;gap:20px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}.model-main strong{display:block;margin-bottom:5px}.model-main small,.model-detail small{color:var(--muted)}.model-detail{display:grid;gap:4px;font-size:13px}.badge{display:inline-flex;width:max-content;padding:3px 8px;border-radius:6px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:700}.model-actions{display:flex;gap:8px}.model-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;color:#344054}.model-actions .delete{color:var(--danger)}.loading-state,.empty-state{padding:46px 0;color:var(--muted);text-align:center}.table-wrap{background:#fff}.table-wrap table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px;font-size:13px}th{color:var(--muted);font-weight:650;background:#f8fafc}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:8px}.system-grid span,.system-grid small{color:var(--muted)}.system-grid strong{font-size:22px}
dialog{border:0;border-radius:12px;width:min(680px,calc(100% - 32px));padding:0;box-shadow:0 24px 80px #12233f38}dialog::backdrop{background:#12233f80}#modelForm,#skillForm{padding:26px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.close{border:0;background:transparent;font-size:28px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.check-row{display:flex;gap:22px;margin-top:20px;font-size:13px}.check-row label{display:flex;align-items:center;gap:7px}.check-row input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.toast.show{opacity:1;transform:none}
.skill-list{display:grid;gap:12px}.skill-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.7fr) auto;gap:20px;align-items:center}.skill-card h4{margin:0 0 6px;font-size:16px}.skill-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.skill-meta{display:grid;gap:5px;font-size:12px;color:var(--muted)}.skill-actions{display:flex;gap:8px}.skill-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;color:#344054}.skill-actions .delete{color:var(--danger)}.skill-notice{padding:10px 12px;background:#fff8e7;border-radius:8px;color:#7a4d00;font-size:12px}#skillContent{font-family:Consolas,monospace;font-size:12px;line-height:1.5;resize:vertical}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.app-shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:14px}.logo-row{padding-bottom:12px}nav{display:flex;flex-wrap:wrap}.account{display:none}.workspace>header{padding:0 18px}.header-meta span:last-child{display:none}.page{padding:22px 18px}.model-row,.skill-card{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
.table-action{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 10px}.table-action:disabled{opacity:.4;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}