:root{font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;letter-spacing:0;line-height:1.5;-webkit-font-smoothing:antialiased;--ink: #0f172a;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--surface: #ffffff;--accent: #2563eb;--accent-soft: #eff6ff;--danger: #dc2626;--danger-soft: #fef2f2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12);--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--line: var(--slate-200);--muted: var(--slate-500);--blue: var(--accent);--blue-soft: var(--accent-soft);--red: var(--danger);--red-soft: var(--danger-soft)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--slate-50);color:var(--ink)}button,input,select,textarea{font:inherit;border:0;outline:0}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2563eb29}.loginShell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.loginBrand{display:flex;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-12);background:var(--ink);color:var(--surface)}.loginBrandMark{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--accent);color:var(--surface);display:grid;place-items:center;font-size:24px;font-weight:700;margin-bottom:var(--space-8)}.loginBrand h1{font-size:42px;font-weight:700;line-height:1.1;margin:0 0 var(--space-4);letter-spacing:-.02em}.loginBrand p{font-size:var(--text-lg);color:var(--slate-400);margin:0;max-width:38ch;line-height:1.6}.loginFormWrap{display:flex;flex-direction:column;justify-content:center;padding:var(--space-10);max-width:420px;margin:0 auto;width:100%}.loginCard{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.loginCard h2{font-size:var(--text-2xl);font-weight:700;margin:0}.loginCard>p{color:var(--slate-500);margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-base)}.loginCard label{display:flex;flex-direction:column;gap:var(--space-2)}.loginCard label>span{font-size:var(--text-sm);font-weight:600;color:var(--slate-700);text-transform:uppercase;letter-spacing:.04em}.loginCard input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}.loginCard input:focus{border-color:var(--accent)}.loginError{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:center}.moduleTabs{display:grid;grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface)}.moduleTabs button{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--slate-600);font-size:var(--text-sm);font-weight:600;text-align:left;transition:background .12s,color .12s}.moduleTabs button:hover{background:var(--slate-50);color:var(--ink)}.moduleTabs button.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 0 0 var(--accent)}.comingSoonSidebar{display:grid;place-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--slate-400);text-align:center}.comingSoonSidebar strong{color:var(--ink);font-size:var(--text-md)}.comingSoonSidebar span{font-size:var(--text-sm);line-height:1.6}.comingSoonPage{min-height:60vh}.comingSoonPage .empty{margin-top:var(--space-8)}.appShell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:grid;align-content:start;gap:var(--space-4);height:100vh;padding:var(--space-5) var(--space-4);border-right:1px solid var(--slate-200);background:var(--slate-50);overflow:auto}.brand{display:grid;grid-template-columns:38px 1fr;gap:var(--space-2);align-items:center;padding:0 var(--space-2)}.brandMark{width:38px;height:38px;border-radius:var(--radius-md);background:var(--accent);color:var(--surface);display:grid;place-items:center;font-size:18px;font-weight:700}.brand strong{display:block;font-size:var(--text-md);font-weight:700;color:var(--ink)}.brand small{color:var(--slate-500);font-size:var(--text-xs)}.sideNav,.filterBlock{display:grid;gap:var(--space-1)}.sideNav{padding-bottom:var(--space-3);border-bottom:1px solid var(--slate-200)}.sideNav button,.filterBlock button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);background:transparent;color:var(--slate-600);font-weight:600;font-size:var(--text-sm);text-align:left;transition:background .12s,color .12s}.sideNav button{justify-content:flex-start}.sideNav button:hover,.filterBlock button:hover{background:var(--slate-100);color:var(--ink)}.sideNav button.active,.filterBlock button.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 2px 0 0 0 var(--accent)}.filterTitle{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 var(--space-2);color:var(--slate-400);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.filterBlock button span:last-child{color:var(--slate-400);font-size:var(--text-xs);font-weight:600}.withIcon{display:inline-flex;align-items:center;gap:6px}.logoutBtn{margin-top:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);background:transparent;color:var(--slate-500);font-size:var(--text-sm);font-weight:600;transition:all .15s}.logoutBtn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.workspace{min-width:0;padding:var(--space-6) var(--space-8) var(--space-10)}.topBar{display:flex;justify-content:space-between;gap:var(--space-5);align-items:flex-start;margin-bottom:var(--space-6)}.topBar h1{margin:0;font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.01em}.topBar p{margin:var(--space-1) 0 0;color:var(--slate-500);font-size:var(--text-sm)}.topActions,.toolbar,.viewSwitch,.cardFooter,.skillMeta,.tagRow{display:flex;align-items:center}.topActions,.toolbar{gap:var(--space-3)}.primaryButton,.ghostButton,.viewSwitch button,.cardFooter button,.categoryRow button,.dangerButton,.addTag button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);transition:transform .08s,box-shadow .15s,background .15s,border-color .15s}.primaryButton:active,.ghostButton:active,.cardFooter button:active,.categoryRow button:active{transform:translateY(1px)}.primaryButton{background:var(--accent);color:#fff;border:1px solid var(--accent)}.primaryButton:hover{background:#1d4ed8;border-color:#1d4ed8}.primaryButton.full,.ghostButton.full{width:100%}.ghostButton,.viewSwitch,.cardFooter button,.categoryRow button{border:1px solid var(--slate-200);background:var(--surface);color:var(--slate-700)}.ghostButton:hover,.cardFooter button:hover,.categoryRow button:hover:not(:disabled){border-color:var(--slate-300);background:var(--slate-50)}.categoryRow button:disabled{cursor:not-allowed;opacity:.42}.dangerButton{width:36px;padding:0;background:transparent;color:var(--slate-400);border:1px solid transparent}.dangerButton:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.displayPage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);align-items:start}.libraryArea{min-width:0}.toolbar{margin-bottom:var(--space-5)}.searchBox{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:var(--space-2);flex:1;height:44px;padding:0 var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-pill);background:var(--surface);color:var(--slate-400);transition:border-color .15s,box-shadow .15s}.searchBox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.searchBox input{width:100%;min-width:0;color:var(--ink);background:transparent}.viewSwitch{gap:2px;height:44px;padding:3px;border-radius:var(--radius-pill);background:var(--slate-100);border:0}.viewSwitch button{min-height:38px;border:0;background:transparent;color:var(--slate-500)}.viewSwitch button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.resultLine{margin-bottom:var(--space-3);color:var(--slate-500);font-size:var(--text-sm)}.skillGrid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:var(--space-4)}.skillRows{display:grid;gap:var(--space-2)}.skillCard{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);min-height:200px;padding:var(--space-4);border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.skillCard:hover{border-color:var(--slate-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.skillCard.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md)}.skillCard.row{grid-template-columns:52px minmax(0,1fr) 210px;align-items:center;min-height:108px}.skillIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--slate-100);color:var(--slate-600)}.agentIcon{background:var(--accent-soft);color:var(--accent)}.promptIcon{background:#fef3c7;color:#b45309}.skillBody{min-width:0}.skillTitle{display:grid;gap:2px;min-width:0}.skillTitle h2{overflow:hidden;margin:0;font-size:var(--text-md);font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.skillTitle span{color:var(--slate-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.skillBody p{display:-webkit-box;overflow:hidden;min-height:60px;margin:var(--space-2) 0 var(--space-3);color:var(--slate-500);font-size:var(--text-sm);line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.skillCard.row .skillBody p{min-height:0;margin:var(--space-1) 0;-webkit-line-clamp:1}.skillMeta{gap:var(--space-2);color:var(--slate-400);font-size:var(--text-xs)}.skillMeta span{display:inline-flex;align-items:center;gap:3px}.skillMeta em,.skillMeta .assetPill,.tagRow span,.tagRow button{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-style:normal;font-weight:600}.skillMeta .assetPill{background:var(--slate-100);color:var(--slate-600)}.cardFooter{grid-column:1 / -1;justify-content:space-between;gap:var(--space-2);align-self:end}.cardActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.skillCard.row .cardFooter{grid-column:auto}.tagRow{flex-wrap:wrap;gap:var(--space-1)}.cardFooter button{min-height:30px;color:var(--slate-700)}.cardFooter button:hover{color:var(--accent);border-color:var(--accent)}.detailPanel,.formPanel,.adminPanel,.exportResult{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface)}.detailPanel{position:sticky;top:var(--space-4);display:grid;gap:var(--space-4);padding:var(--space-4);box-shadow:var(--shadow-sm)}.detailTop{display:flex;justify-content:space-between;gap:var(--space-3)}.detailTop span{color:var(--slate-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.detailTop h2{margin:var(--space-1) 0 0;font-size:var(--text-xl);font-weight:700;overflow-wrap:anywhere;line-height:1.3}.editBlock,.copyTarget label,.metaGrid label,.wideField,.formGrid label{display:grid;gap:var(--space-1)}.editBlock span,.copyTarget span,.metaGrid span,.wideField span,.formGrid span,.tagEditor>span{color:var(--slate-600);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;min-width:0;border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--slate-300)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input,select{height:40px;padding:0 var(--space-3)}textarea{min-height:86px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.5}.metaGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tagEditor,.fileListBox{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--slate-300);border-radius:var(--radius-md);background:var(--slate-50)}.tagRow button{gap:3px;border:1px solid rgba(37,99,235,.2)}.addTag{display:grid;grid-template-columns:1fr 44px;gap:var(--space-2)}.addTag button{padding:0;background:var(--accent);color:#fff}.addTag button:hover{background:#1d4ed8}.copyTarget{display:grid;gap:var(--space-2)}.infoBox{display:grid;grid-template-columns:18px 1fr;gap:var(--space-2);align-items:center;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--slate-50);color:var(--slate-500);font-size:var(--text-sm)}.infoBox span{overflow-wrap:anywhere}.fileListBox div{display:grid;gap:var(--space-1);max-height:160px;overflow:auto;color:var(--slate-500);font-size:var(--text-xs)}.uploadPage,.adminPage{max-width:920px}.formPanel,.adminPanel{padding:var(--space-5);box-shadow:var(--shadow-sm)}.fileDrop{display:grid;place-items:center;min-height:150px;padding:var(--space-4);border:1px dashed var(--slate-300);border-radius:var(--radius-lg);background:var(--slate-50);color:var(--slate-500);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.fileDrop:hover{border-color:var(--accent);background:var(--accent-soft)}.fileDrop input{display:none}.fileDrop strong{margin-top:var(--space-2);color:var(--ink);font-weight:600}.fileDrop span{font-size:var(--text-sm);max-width:52ch}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.wideField{margin-top:var(--space-4)}.contentInput{min-height:180px;font-family:SFMono-Regular,Consolas,monospace;font-size:var(--text-sm)}.formPanel .primaryButton{margin-top:var(--space-4);height:44px}.sectionTitle{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:700}.categoryForm,.categoryRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.categoryTable{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.categoryRow{grid-template-columns:minmax(220px,1fr) 80px auto auto auto auto auto;align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--slate-50)}.categoryRow span{color:var(--slate-500);text-align:right;font-size:var(--text-sm)}.dangerText{color:var(--danger)!important}.empty{display:grid;place-items:center;gap:var(--space-2);min-height:260px;padding:var(--space-6);color:var(--slate-500);text-align:center;background:var(--slate-50);border:1px dashed var(--slate-200);border-radius:var(--radius-lg)}.empty strong{color:var(--ink)}.exportResult{display:grid;gap:var(--space-1);max-width:920px;margin-top:var(--space-4);padding:var(--space-3);color:var(--slate-500);font-size:var(--text-sm)}.exportResult strong{color:var(--ink)}.toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:20;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg)}@media(max-width:1180px){.appShell{grid-template-columns:220px minmax(0,1fr)}.displayPage{grid-template-columns:1fr}.detailPanel{position:static}.skillGrid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media(max-width:760px){.loginShell{grid-template-columns:1fr}.loginBrand{min-height:220px;padding:var(--space-6)}.loginBrand h1{font-size:32px}.loginFormWrap{padding:var(--space-6)}.appShell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.workspace{padding:var(--space-4) var(--space-4) var(--space-8)}.topBar,.toolbar{display:grid}.topActions{justify-content:start}.skillGrid{grid-template-columns:1fr}.skillCard,.skillCard.row{grid-template-columns:52px minmax(0,1fr)}.skillCard.row .cardFooter{grid-column:1 / -1}.formGrid,.metaGrid,.categoryRow{grid-template-columns:1fr}.categoryRow span{text-align:left}}