.app-layout{min-height:100vh}.app-sider{background:var(--bg-1)!important;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;transition:width var(--duration-slow) var(--ease-out)!important}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;transition:opacity var(--duration-normal) var(--ease-out)}.sider-logo{display:flex;align-items:center;gap:var(--space-md);height:var(--app-chrome-height);min-height:var(--app-chrome-height);padding:0 var(--space-lg);box-sizing:border-box;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out)}.sider-logo:hover .sider-logo-icon{box-shadow:0 0 16px #7c3aed4d}.ant-layout-sider-collapsed .sider-logo{padding:0 var(--space-sm);justify-content:center}.sider-logo-icon{width:38px;height:38px;min-width:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--ease-out)}.sider-logo-text{display:flex;flex-direction:column;line-height:1.15;overflow:hidden;white-space:nowrap}.sider-logo-title{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.sider-logo-subtitle{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.sider-menu{flex:1;background:transparent!important;border-inline-end:none!important;padding:var(--space-sm) 0 0}.sider-menu .ant-menu-item-group-title{font-family:var(--font-display);font-size:.65rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xl) var(--space-lg) var(--space-xs)!important}.ant-layout-sider-collapsed .sider-menu .ant-menu-item-group-title{opacity:0;height:0;padding:0!important;overflow:hidden}.sider-menu .ant-menu-item{color:var(--text-secondary)!important;margin:2px var(--space-sm)!important;border-radius:var(--radius-md)!important;height:42px!important;line-height:42px!important;font-family:var(--font-body);font-size:13px;font-weight:500;position:relative;transition:all .15s ease}.sider-menu .ant-menu-item:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.sider-menu .ant-menu-item-selected{color:var(--primary)!important;background:#7c3aed26!important}.sider-menu .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#7c3aed;box-shadow:0 0 8px #7c3aed66}.sider-menu .ant-menu-item-selected .anticon{color:var(--primary)!important}.sider-footer{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-md);flex-shrink:0}.sider-user{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:12px;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.sider-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sider-logout-btn{width:100%;text-align:left;color:var(--text-muted)!important;font-size:13px;border-radius:var(--radius-md)!important;transition:all .15s ease!important}.sider-logout-btn:hover{color:#f87171!important;background:#f8717114!important}.app-topbar{background:var(--bg-1)!important;padding:0 var(--space-lg)!important;height:var(--app-chrome-height)!important;min-height:var(--app-chrome-height)!important;line-height:1!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);box-sizing:border-box}.topbar-collapse-btn{font-size:16px;color:var(--text-muted);transition:color .12s ease}.topbar-collapse-btn:hover{color:var(--text-primary)}.topbar-right{display:flex;align-items:center;gap:var(--space-sm)}.topbar-user-btn{color:var(--text-secondary)!important;font-size:13px;font-weight:500;border-radius:var(--radius-md)!important;transition:all .12s ease!important}.topbar-user-btn:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.app-main-content{background:var(--bg-0);height:calc(100vh - var(--app-chrome-height));overflow:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-0)}.login-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;animation:orb-float 14s ease-in-out infinite alternate}.login-orb--1{width:600px;height:600px;background:radial-gradient(circle,#7c3aed,transparent 70%);opacity:.22;top:-15%;left:-10%;animation-delay:0s}.login-orb--2{width:500px;height:500px;background:radial-gradient(circle,#2563eb,transparent 70%);opacity:.18;bottom:-10%;right:-8%;animation-delay:-5s;animation-duration:16s}.login-orb--3{width:400px;height:400px;background:radial-gradient(circle,#0891b2,transparent 70%);opacity:.15;top:35%;right:15%;animation-delay:-9s;animation-duration:19s}@keyframes orb-float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-25px) scale(1.06)}66%{transform:translate(-25px,18px) scale(.94)}to{transform:translate(12px,-12px) scale(1.03)}}.login-dot-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.login-page-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);width:100%;max-width:420px;padding:var(--space-xl);animation:login-fade-in .6s var(--ease-out) both}@keyframes login-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.login-brand-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #7c3aed59,inset 0 1px #ffffff1f;animation:login-icon-glow 3s ease-in-out infinite alternate}@keyframes login-icon-glow{0%{box-shadow:0 8px 32px #7c3aed4d,inset 0 1px #ffffff1a}to{box-shadow:0 8px 40px #7c3aed80,inset 0 1px #ffffff26}}.login-brand-title{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0}.login-brand-subtitle{font-size:14px;color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}.login-card{width:100%;background:#0f172aa6;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff0f;animation:login-card-in .7s var(--ease-out) .15s both}@keyframes login-card-in{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card h3.ant-typography{font-family:var(--font-display)!important;color:var(--text-primary)!important;font-weight:700!important;letter-spacing:-.02em!important;font-size:22px!important}.login-card .login-error-message{color:#fca5a5;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm)}.login-card .ant-form-item-label>label{color:var(--text-secondary)!important}.login-card .ant-form-item-explain-error{color:#fca5a5!important;font-size:12px}.login-card .ant-input-affix-wrapper{background:#1e264280!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-size:14px!important;transition:all .2s ease!important}.login-card .ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:14px!important}.login-card>.ant-form .ant-input:not(.ant-input-affix-wrapper .ant-input){background:#1e264280!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-size:14px!important;transition:all .2s ease!important}.login-card .ant-input::placeholder{color:var(--text-muted)!important}.login-card .ant-input-affix-wrapper:hover{border-color:#ffffff2e!important}.login-card .ant-input-affix-wrapper:focus-within{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed40!important}.login-card .ant-input-prefix{color:var(--text-muted)!important}.login-card .ant-btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1)!important;border:none!important;border-radius:var(--radius-md)!important;font-family:var(--font-display)!important;font-weight:600!important;font-size:15px!important;letter-spacing:-.01em;height:44px!important;transition:all .2s ease!important;box-shadow:0 4px 20px #7c3aed59!important}.login-card .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #7c3aed73!important;filter:brightness(1.08)}.login-card .ant-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #7c3aed40!important}.login-card .ant-input-password-icon{color:var(--text-muted)!important}.login-card .ant-input-password-icon:hover{color:var(--text-secondary)!important}.graph-toolbar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);border-radius:12px;background:var(--bg-2, #161d33);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d;position:sticky;top:0;z-index:5}.graph-toolbar--dark{background:var(--bg-2, #161d33);border-color:#ffffff1a}.graph-toolbar__search,.graph-toolbar__select-wrap{display:flex;align-items:center;gap:var(--space-sm);position:relative}.graph-toolbar__input,.graph-toolbar__select{padding:8px 14px;font-family:var(--font-body);font-size:13px;font-weight:500;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-primary);min-width:0;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.graph-toolbar__input{width:240px;padding-left:36px}.graph-toolbar__select{width:180px;cursor:pointer;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-color:transparent}.graph-toolbar__input::placeholder{color:#4b5563}.graph-toolbar__input:hover,.graph-toolbar__select:hover{border-color:#ffffff26;background:#ffffff08}.graph-toolbar__input:focus,.graph-toolbar__select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33;background:#ffffff08}.graph-toolbar__icon{font-size:14px;color:#4b5563;transition:color .12s ease}.graph-toolbar__search .graph-toolbar__icon{position:absolute;left:12px;z-index:1;pointer-events:none}.graph-toolbar__select option{background:var(--bg-2);color:var(--text-primary)}.graph-toolbar:not(.graph-toolbar--dark){background:var(--bg-2, #161d33);border-color:#ffffff1a}.graph-toolbar:not(.graph-toolbar--dark) .graph-toolbar__input,.graph-toolbar:not(.graph-toolbar--dark) .graph-toolbar__select{background:transparent;border-color:#ffffff14;color:var(--text-primary)}.graph-toolbar:not(.graph-toolbar--dark) .graph-toolbar__input:focus,.graph-toolbar:not(.graph-toolbar--dark) .graph-toolbar__select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}.skill-detail-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modal-overlay-in .2s ease both}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.skill-detail-modal{background:var(--bg-1);border-radius:var(--radius-xl);border:1px solid var(--surface-border);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:modal-content-in .3s var(--ease-out) both}@keyframes modal-content-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.skill-detail-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.skill-detail-header-actions{display:flex;align-items:center;gap:8px}.skill-detail-icon-btn{width:40px;height:40px;border-radius:8px;border:none;background:#1e293be6;color:#e2e8f0;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.skill-detail-icon-btn:hover{background:#334155f2;color:#fff}.skill-detail-body{flex:1;display:flex;overflow:hidden;min-height:0}.skill-detail-columns{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;overflow-y:auto;overflow-x:hidden}.skill-detail-modal .ant-typography-secondary,.skill-detail-modal .ant-typography-secondary a{color:#94a3b8!important}.skill-detail-modal .ant-empty-description,.skill-detail-modal .ant-list-empty-text{color:#64748b!important}.skill-detail-modal .ant-list-item{border-block-end-color:#ffffff0f!important}.skill-detail-modal .ant-divider{border-block-start-color:#ffffff14}.skill-detail-modal .ant-divider-inner-text{color:#e2e8f0e6}.skill-detail-lists{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px;padding-top:4px;padding-bottom:4px}.skill-detail-list-loading{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px}.skill-detail-list-empty{color:#94a3b8;font-size:13px;padding:8px 0}.skill-detail-lists .question-item{color:#e2e8f0}.skill-detail-column{display:flex;flex-direction:column;gap:16px}.skill-detail-chip{padding:12px 16px;background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e2e8f0;font-size:14px;line-height:1.4;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,color .15s,transform .15s}.skill-detail-chip:hover{background:#1e293bf2;border-color:#ffffff40}.skill-detail-chip--active{background:#3b82f62e;border-color:#3b82f6a6;color:#eff6ff}.skill-detail-resource-card{margin-top:8px;width:100%;box-sizing:border-box;background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px}.skill-detail-resource-title{flex-wrap:wrap;max-width:100%}.skill-detail-resource-title .ant-space{flex-wrap:wrap}.skill-detail-resource-title .ant-typography{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.skill-detail-resource-body{display:flex;flex-direction:column;gap:6px;align-items:flex-start;width:100%}.skill-detail-resource-desc{font-size:11px!important;color:#94a3b8!important;line-height:1.35;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.skill-detail-resource-url{font-size:12px;color:#60a5fa;word-break:break-word;overflow-wrap:anywhere}.skill-detail-sidebar{width:80px;padding:24px 16px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.skill-detail-sidebar-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;writing-mode:vertical-rl;transform:rotate(-180deg);white-space:nowrap}.skill-detail-levels{display:flex;flex-direction:column;gap:12px;flex:1}.skill-detail-radio{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.skill-detail-radio:hover{border-color:#fff9}.skill-detail-radio[aria-checked=true]{border-color:var(--level-color, #22c55e)}.skill-detail-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--level-color, #22c55e)}.skill-detail-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;flex-shrink:0}.skill-detail-footer .km-btn-next{padding:10px 28px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:#0f172a;border:none;position:relative;cursor:pointer}.skill-detail-footer .km-btn-next:before{content:"";position:absolute;inset:0;border-radius:999px;padding:2px;background:linear-gradient(90deg,#3b82f6,#22c55e,#eab308);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(max-width:640px){.skill-detail-columns{grid-template-columns:1fr}.skill-detail-sidebar{width:auto;flex-direction:row;border-left:none;border-top:1px solid rgba(255,255,255,.08);writing-mode:unset}.skill-detail-sidebar-title{writing-mode:unset;transform:none}.skill-detail-levels{flex-direction:row}}.knowledge-map-page{height:100%;background:var(--bg-0);display:flex;flex-direction:column;color:var(--text-primary)}.knowledge-map-loading{align-items:center;justify-content:center}.knowledge-map-loading .ant-spin-text,.knowledge-map-loading .ant-alert-message{color:var(--text-secondary)}.km-main{flex:1;overflow:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.km-grid-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#ffffff05}.km-grid{width:100%;border-collapse:collapse;min-width:860px}.km-grid thead th{padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;position:sticky;top:0;background:var(--bg-2);z-index:2}.km-cell-skill{min-width:300px;max-width:420px}.km-cell-assess{min-width:500px}.km-group-header-row td{padding:var(--space-lg) var(--space-lg) var(--space-sm)!important;border-bottom:none!important;background:transparent!important}.km-group-header{display:flex;align-items:center;gap:var(--space-sm)}.km-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.km-group-label{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.km-row td{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;transition:background .15s ease}.km-row--alt td{background:#ffffff03}.km-row:hover td{background:#ffffff06}.km-cell-skill-inner{display:flex;align-items:stretch;gap:var(--space-md)}.km-group-bar{width:3px;border-radius:2px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.km-row:hover .km-group-bar{opacity:1}.km-skill-info{flex:1;min-width:0}.km-skill-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px;line-height:1.35}.km-skill-desc{font-size:.75rem;color:#6b7280;line-height:1.45;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.km-skill-link{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--primary);background:none;border:none;padding:2px 0;cursor:pointer;opacity:0;transition:opacity .15s ease,color .12s ease}.km-row:hover .km-skill-link{opacity:1}.km-skill-link:hover{color:#a5b4fc}.km-pill-group{display:flex;gap:6px;flex-wrap:nowrap}.km-pill{position:relative;font-family:var(--font-body);font-size:12px;font-weight:500;flex:1 1 0;min-width:0;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);padding:6px 10px;cursor:pointer;background:#ffffff0d;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.km-pill-label{overflow:hidden;text-overflow:ellipsis}.km-pill:hover{background:#ffffff17;color:#9ca3af;border-color:#fff3}.km-pill:focus-visible{box-shadow:0 0 0 2px #7c3aed40}.km-pill:active{transform:scale(.97)}.km-pill--none:not(.km-pill--active):hover{border-color:#47556966;color:#9ca3af}.km-pill--learn:not(.km-pill--active):hover{border-color:#f59e0b59;color:#d4a017}.km-pill--apply:not(.km-pill--active):hover{border-color:#6366f159;color:#818cf8}.km-pill--teach:not(.km-pill--active):hover{border-color:#22c55e59;color:#4ade80}.km-pill--active.km-pill--none{background:#47556926;border-color:#475569;color:#94a3b8;box-shadow:0 0 12px #4755694d}.km-pill--active.km-pill--learn{background:#f59e0b26;border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 12px #f59e0b4d}.km-pill--active.km-pill--apply{background:#6366f126;border-color:#6366f1;color:#818cf8;box-shadow:0 0 12px #6366f14d}.km-pill--active.km-pill--teach{background:#22c55e26;border-color:#22c55e;color:#4ade80;box-shadow:0 0 12px #22c55e4d}.km-empty{padding:var(--space-3xl) var(--space-xl)!important;text-align:center;color:var(--text-muted);font-size:14px}@keyframes km-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.km-row{animation:km-row-in .35s var(--ease-out) both}.km-row:nth-child(1){animation-delay:0ms}.km-row:nth-child(2){animation-delay:25ms}.km-row:nth-child(3){animation-delay:50ms}.km-row:nth-child(4){animation-delay:75ms}.km-row:nth-child(5){animation-delay:.1s}.km-row:nth-child(6){animation-delay:125ms}.km-row:nth-child(7){animation-delay:.15s}.km-row:nth-child(8){animation-delay:175ms}.km-row:nth-child(9){animation-delay:.2s}.km-row:nth-child(10){animation-delay:225ms}.km-row:nth-child(n+11){animation-delay:.25s}.admin-skills-page{min-height:100vh;background:var(--bg-0);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-body)}.admin-skills-page.admin-skills-no-header{min-height:100%}.admin-skills-loading{align-items:center;justify-content:center}.admin-skills-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a}.admin-skills-logo{display:flex;align-items:center;gap:12px;color:#7dd3fc;font-size:20px}.admin-skills-logo-title{display:block;font-size:16px;font-weight:700;color:#fff}.admin-skills-logo-subtitle{display:block;font-size:12px;color:#94a3b8}.admin-skills-nav{display:flex;gap:16px}.admin-skills-nav-link{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px 8px}.admin-skills-nav-link:hover,.admin-skills-nav-link.active{color:#fff}.admin-skills-user-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#e2e8f0;font-size:18px;cursor:pointer}.admin-skills-body{flex:1;display:flex;min-height:0}.admin-skills-sidebar{width:320px;padding:24px;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto}.admin-skills-block{margin-bottom:28px}.admin-skills-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.admin-skills-block-title{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0}.admin-skills-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .2s}.admin-skills-add-btn:hover:not(:disabled){border-color:#7dd3fc80;color:#7dd3fc;background:#7dd3fc1a}.admin-skills-add-btn:disabled{opacity:.4;cursor:not-allowed}.admin-skills-pills{display:flex;flex-wrap:wrap;gap:8px}.admin-skills-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px 8px 16px;border-radius:999px;font-size:13px;background:#1e293be6;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;cursor:pointer;transition:all .2s;max-width:100%;text-align:left}.admin-skills-pill-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.3}.admin-skills-pill-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.admin-skills-pill-icon:hover{background:#ffffff1a}.admin-skills-pill-icon-link:hover{color:#7dd3fc}.admin-skills-pill-icon-edit:hover{color:#fde047}.admin-skills-pill-icon-delete:hover{color:#f87171}.admin-skills-pill.deleted{opacity:.6}.admin-skills-pill-icon-restore:hover{color:#22c55e}.admin-skills-pill-icon.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.admin-skills-pill:hover{background:#334155f2;color:#fff}.admin-skills-pill.active{background:#fbbf2426;border-color:#eab308;color:#fde047}.admin-skills-pill.add{border-style:dashed;opacity:.8}.admin-skills-pill.add:hover{opacity:1}.admin-skills-main{flex:1;padding:24px;overflow-y:auto}.admin-skills-main .admin-skills-block-title{margin-bottom:16px}.admin-skills-topics{max-width:700px}.admin-skills-topic-header{padding:14px 18px;background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.admin-skills-topic-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin-left:20px;margin-bottom:8px;background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;color:#e2e8f0;cursor:default}.admin-skills-topic-item:hover{background:#334155b3}.admin-skills-topic-item .admin-skills-topic-actions{opacity:0;display:flex;gap:4px}.admin-skills-topic-item:hover .admin-skills-topic-actions{opacity:1}.admin-skills-topic-item.deleted{opacity:.6}.admin-skills-action-restore:hover{color:#22c55e}.admin-skills-action-btn{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff1a;color:#e2e8f0;font-size:14px;cursor:pointer}.admin-skills-action-btn:hover{background:#fff3}.admin-skills-topic-add{margin-left:20px;margin-top:8px;padding:10px 16px;border:1px dashed rgba(255,255,255,.25);border-radius:8px;background:transparent;color:#94a3b8;font-size:13px;cursor:pointer}.admin-skills-topic-add:hover{color:#e2e8f0;border-color:#fff6}.admin-skills-empty{color:#64748b;font-size:14px}.admin-skills-resources-hint{font-size:12px;color:#64748b;margin:-8px 0 12px}.admin-skills-resource-item{padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.06)}.admin-skills-resource-item:last-child{border-bottom:none}.admin-resources-modal .admin-skills-resources-hint{margin-bottom:16px}.admin-resource-row-deleted{opacity:.6}.admin-modal-dark.ant-modal{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.admin-modal-dark .ant-modal-container{background:#0f172a!important;border:none!important;outline:none!important;border-radius:16px;box-shadow:0 24px 48px #00000080!important}.admin-modal-dark .ant-modal-container:focus,.admin-modal-dark .ant-modal-container:focus-visible{outline:none!important;box-shadow:0 24px 48px #00000080!important}.admin-modal-dark .ant-modal-container:before,.admin-modal-dark .ant-modal-container:after{display:none!important}.admin-modal-dark.ant-modal .ant-modal-header{background:#0f172a;border-bottom-color:#ffffff14}.admin-modal-dark.ant-modal .ant-modal-title{color:#fff}.admin-modal-dark.ant-modal .ant-modal-close{color:#94a3b8}.admin-modal-dark.ant-modal .ant-modal-close:hover{color:#fff}.admin-modal-dark.ant-modal .ant-modal-body{background:#0f172a;color:#e2e8f0}.admin-modal-dark.ant-modal .ant-form-item-label>label{color:#f1f5f9!important}.admin-modal-dark.ant-modal .ant-form-item{color:#e2e8f0}.admin-modal-dark.ant-modal .ant-form-item-explain-error{color:#fca5a5}.admin-modal-dark.ant-modal .ant-modal-footer{background:#0f172a;border-top-color:#ffffff14}.admin-modal-dark.ant-modal .ant-input,.admin-modal-dark.ant-modal .ant-input-affix-wrapper,.admin-modal-dark.ant-modal .ant-select-selector{background:#1e293be6!important;border-color:#ffffff1f!important;color:#f1f5f9!important}.admin-modal-dark.ant-modal .ant-select-selection-item,.admin-modal-dark.ant-modal .ant-select-selection-placeholder,.admin-modal-dark.ant-modal .ant-input,.admin-modal-dark.ant-modal textarea.ant-input{color:#f1f5f9!important}.admin-modal-dark.ant-modal .ant-input::placeholder,.admin-modal-dark.ant-modal .ant-input-affix-wrapper input::placeholder{color:#64748b}.admin-modal-dark.ant-modal .ant-input:hover,.admin-modal-dark.ant-modal .ant-input:focus,.admin-modal-dark.ant-modal .ant-select-selector:hover,.admin-modal-dark.ant-modal .ant-select-focused .ant-select-selector{border-color:#7dd3fc80!important;box-shadow:none!important}.admin-modal-dark.ant-modal .ant-select-arrow,.admin-modal-dark.ant-modal .ant-select-item-option-content{color:#e2e8f0}.admin-modal-dark .ant-select-dropdown{background:#1e293b!important}.admin-modal-dark .ant-select-item{color:#e2e8f0}.admin-modal-dark .ant-select-item-option-active,.admin-modal-dark .ant-select-item-option-selected{background:#334155cc!important;color:#fff}.admin-modal-dark.ant-modal .ant-table{background:transparent!important;color:#e2e8f0}.admin-modal-dark.ant-modal .ant-table-thead>tr>th{background:#1e293b99!important;border-bottom-color:#ffffff1f!important;color:#94a3b8!important}.admin-modal-dark.ant-modal .ant-table-tbody>tr>td{border-bottom-color:#ffffff0f!important;color:#e2e8f0}.admin-modal-dark.ant-modal .ant-table-tbody>tr:hover>td{background:#33415580!important}.admin-modal-dark.ant-modal .ant-btn-default{background:#1e293be6!important;border-color:#ffffff1f!important;color:#e2e8f0!important}.admin-modal-dark.ant-modal .ant-btn-default:hover{background:#334155f2!important;border-color:#fff3!important;color:#fff!important}.admin-modal-dark.ant-modal .ant-btn-primary{background:#3b82f6!important;border-color:#3b82f6!important}.admin-modal-dark.ant-modal .ant-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important}.admin-modal-dark.ant-modal .ant-spin-dot-item{background-color:#7dd3fc}.admin-modal-dark.ant-modal a{color:#7dd3fc}.admin-modal-dark.ant-modal a:hover{color:#bae6fd}.admin-modal-dark.ant-modal .ant-btn-text{color:#94a3b8}.admin-modal-dark.ant-modal .ant-btn-text:hover{color:#7dd3fc}.admin-modal-dark.ant-modal .ant-btn-dangerous{color:#f87171}.admin-modal-dark.ant-modal .ant-btn-dangerous:hover{color:#fca5a5}.interview-page{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-0);color:var(--text-primary);box-sizing:border-box;padding:var(--space-xl);gap:var(--space-lg)}.interview-page__body{flex:1;min-height:0;overflow:auto}.interview-page .ant-tabs{padding:0;flex-shrink:0}.interview-page .ant-tabs-nav:before{border-bottom-color:#ffffff0f!important}.iv-content,.iv-content--no-pad{padding:0}.iv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.iv-header h2{margin:0;color:var(--text-primary);font-size:20px}.iv-filters{display:flex;gap:12px;margin-bottom:16px}.interview-page .ant-table{background:transparent!important;color:var(--text-primary)}.interview-page .ant-table-wrapper .ant-table-container{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06)}.interview-page .ant-table-thead>tr>th,.interview-page .ant-table-thead>tr>td{background:var(--bg-2)!important;color:var(--text-muted)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.interview-page .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.04)!important;color:var(--text-primary);transition:background .15s ease}.interview-page .ant-table-tbody>tr:hover>td,.interview-page .ant-table-cell-row-hover{background:#ffffff06!important}.interview-page .ant-table-placeholder .ant-table-cell{background:transparent!important}.interview-page .ant-pagination .ant-pagination-item{background:transparent!important;border-color:#ffffff1a!important}.interview-page .ant-pagination .ant-pagination-item a{color:var(--text-secondary)!important}.interview-page .ant-pagination .ant-pagination-item-active{border-color:var(--primary)!important}.interview-page .ant-pagination .ant-pagination-item-active a{color:var(--primary)!important}.interview-page .ant-pagination-prev .ant-pagination-item-link,.interview-page .ant-pagination-next .ant-pagination-item-link{color:var(--text-secondary)!important;background:transparent!important;border-color:#ffffff1a!important}.interview-page .ant-pagination-disabled .ant-pagination-item-link{color:var(--text-muted)!important}.interview-page .ant-select-selector{background:var(--bg-2)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.interview-page .ant-select-arrow,.interview-page .ant-select-selection-placeholder{color:var(--text-muted)!important}.interview-page .ant-select-selection-item{color:var(--text-primary)!important}.interview-page .ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 2px #7c3aed26!important}.interview-page .ant-input,.interview-page .ant-input-affix-wrapper{background:var(--bg-2)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.interview-page .ant-input::placeholder,.interview-page .ant-input-affix-wrapper input::placeholder{color:var(--text-muted)!important}.interview-page .ant-input:hover,.interview-page .ant-input-affix-wrapper:hover{border-color:#fff3!important}.interview-page .ant-input:focus,.interview-page .ant-input-focused,.interview-page .ant-input-affix-wrapper:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 2px #7c3aed26!important}.interview-page .ant-input-search-button{background:var(--bg-3)!important;border-color:#ffffff1a!important;color:var(--text-secondary)!important}.interview-page .ant-input-number{background:var(--bg-2)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.interview-page .ant-input-number-handler-wrap{background:var(--bg-3)!important;border-color:#ffffff0f!important}.interview-page .ant-input-number-handler{border-color:#ffffff0f!important;color:var(--text-secondary)!important}.interview-page .ant-picker{background:var(--bg-2)!important;border-color:#ffffff1a!important;color:var(--text-primary)!important}.interview-page .ant-picker-input>input{color:var(--text-primary)!important}.interview-page .ant-picker-suffix,.interview-page .ant-picker-clear{color:var(--text-muted)!important}.interview-page .ant-card{background:var(--bg-2)!important;border-color:#ffffff14!important;color:var(--text-primary)!important}.interview-page .ant-card-head{border-bottom-color:#ffffff0f!important;color:var(--text-primary)!important}.interview-page .ant-card-head-title{color:var(--text-primary)!important}.interview-page .ant-card-extra,.interview-page .ant-collapse-header{color:var(--text-secondary)!important}.interview-page .ant-collapse-content{background:transparent!important;border-top-color:#ffffff0a!important}.interview-page .ant-collapse-expand-icon,.interview-page .ant-empty-description{color:var(--text-muted)!important}.interview-page .ant-progress-text{color:var(--text-secondary)!important}.interview-page .ant-segmented{background:var(--bg-1)!important}.interview-page .ant-segmented-item-label{color:var(--text-secondary)!important}.interview-page .ant-segmented-item-selected{background:var(--bg-3)!important}.interview-page .ant-segmented-item-selected .ant-segmented-item-label,.interview-page .ant-popconfirm-title{color:var(--text-primary)!important}.interview-page .ant-popconfirm-description{color:var(--text-secondary)!important}.interview-page .ant-switch{background:var(--bg-3)!important}.interview-page .ant-switch-checked{background:var(--primary-bold)!important}.interview-page .ant-badge .ant-scroll-number{box-shadow:none!important}.interview-page .ant-upload-wrapper .ant-upload-list{color:var(--text-secondary)!important}.iv-card{background:var(--bg-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:20px}.iv-label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px}.iv-question-card{padding:12px 14px;margin-bottom:10px;border-radius:8px;background:var(--bg-1);border:1px solid rgba(255,255,255,.06)}.iv-conduct{display:flex;height:100%;overflow:hidden}.iv-conduct-sidebar{width:260px;background:var(--bg-1);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:16px 12px;flex-shrink:0}.iv-conduct-main{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl)}.iv-conduct-summary{width:280px;background:var(--bg-1);border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:16px;flex-shrink:0}.iv-direction-title{color:var(--text-primary);font-size:20px;font-weight:700;border-bottom:2px solid #3b82f6;padding-bottom:10px;margin-bottom:16px}.iv-direction-title span{color:var(--text-muted);font-size:14px;font-weight:400;margin-left:10px}.iv-results{padding:0;max-width:1200px;margin:0 auto;overflow-y:auto;height:100%}.interview-page .recharts-text{fill:var(--text-secondary)!important}.interview-page .recharts-cartesian-grid-horizontal line,.interview-page .recharts-cartesian-grid-vertical line{stroke:#ffffff0f!important}.iv-dir-nav{padding:8px 12px;border-radius:6px;cursor:pointer;border-left:3px solid var(--bg-3);margin-bottom:4px;transition:background .2s ease}.iv-dir-nav:hover{background:#ffffff0a}.iv-dir-nav--active{background:var(--bg-2)}.iv-dir-item{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:6px;background:var(--bg-1);border:1px solid rgba(255,255,255,.06);transition:all .15s ease}.iv-dir-item--active{background:var(--bg-3);border-color:#ffffff1f}.iv-dir-item:hover{border-color:#ffffff1a}.iv-stat-summary{background:var(--bg-1);border-radius:8px;padding:12px 16px;text-align:center}.interview-page .ant-btn-default{background:var(--bg-2)!important;border-color:#ffffff1a!important;color:var(--text-secondary)!important}.interview-page .ant-btn-default:hover{background:var(--bg-3)!important;border-color:#fff3!important;color:var(--text-primary)!important}.interview-page .ant-btn-dashed{background:transparent!important;border-color:#ffffff1a!important;color:var(--text-secondary)!important}.interview-page .ant-btn-dashed:hover{border-color:var(--primary)!important;color:var(--primary)!important}.interview-page .ant-btn-text{color:var(--text-muted)!important}.interview-page .ant-btn-text:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.interview-page .ant-btn-text.ant-btn-dangerous{color:#f87171!important}.interview-page .ant-btn-text.ant-btn-dangerous:hover{color:#fca5a5!important;background:#f8717114!important}.interview-page .ant-form-item-label>label{color:var(--text-secondary)!important}.app-root{min-height:100vh;background:var(--bg-0)}.app-header{display:flex;align-items:center;justify-content:space-between;padding-inline:20px;background:var(--bg-1);height:56px;line-height:56px;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;letter-spacing:-.5px}.app-title{color:#e2e8f0!important;margin:0!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.3px}.header-tabs{margin-bottom:0!important;flex:1;min-width:0;justify-content:center}.header-tabs .ant-tabs-nav{margin:0!important}.header-tabs .ant-tabs-nav:before{border:none!important}.header-tabs .ant-tabs-tab{color:#94a3b8!important;padding:16px 8px!important;margin:0 4px!important;font-size:13px}.header-tabs .ant-tabs-tab:hover{color:#e2e8f0!important}.header-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.header-tabs .ant-tabs-ink-bar{background:#3b82f6!important}.tab-label{display:flex;align-items:center;gap:6px}.app-content{padding:12px 16px;background-color:var(--bg-0);height:calc(100vh - 56px);overflow:auto}.tree-container{width:100%;height:calc(100vh - 80px);border-radius:var(--radius-lg);background-color:var(--bg-1);border:1px solid var(--surface-border);overflow:hidden}.react-flow{background:var(--bg-0)!important}.side-panel{height:100%;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.side-panel.empty{justify-content:center;align-items:center}.questions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.question-item{display:flex;gap:8px;align-items:flex-start;font-size:13px}.question-item input[type=checkbox]{margin-top:2px}.graph-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.graph-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;padding:var(--space-xl);gap:var(--space-lg)}.graph-toolbar{flex-shrink:0}.graph-flow-container{flex:1;position:relative;min-height:0}.react-flow__node{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.custom-node{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-node:hover{transform:scale(1.03);box-shadow:0 8px 28px #0f172a24!important}.handle-hidden{opacity:0!important;width:1px!important;height:1px!important}.group-node{padding:16px 22px;border-radius:16px;border:2.5px solid;min-width:240px;max-width:300px;box-shadow:0 4px 16px #0f172a1a}.group-node-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.group-node-icon{font-size:20px;opacity:.8}.group-node-label{flex:1;font-weight:700;font-size:15px;color:#0f172a;line-height:1.3}.group-node-toggle{font-size:12px;color:#64748b;flex-shrink:0}.group-node-progress{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.section-node{padding:10px 16px;border-radius:12px;border:2px solid;min-width:200px;max-width:280px;box-shadow:0 2px 8px #0f172a12}.section-node-content{display:flex;align-items:center;gap:10px}.section-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.section-label{flex:1;font-size:14px;font-weight:500;color:#334155;line-height:1.3}.section-badge{font-size:11px;background:#0000000f;padding:2px 8px;border-radius:10px;color:#64748b;flex-shrink:0}.section-toggle{font-size:11px;color:#94a3b8;flex-shrink:0}.subsection-node{padding:8px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;gap:8px;min-width:160px;max-width:260px;box-shadow:0 1px 4px #0f172a0d}.subsection-label{font-size:13px;color:#334155;line-height:1.3;flex:1}.subsection-indicators{display:flex;gap:6px;flex-shrink:0}.graph-actions-panel{background:var(--bg-2);border-radius:8px;padding:4px;box-shadow:var(--shadow-md);border:1px solid var(--surface-border)}.graph-legend{position:absolute;bottom:12px;left:12px;background:var(--bg-2);border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-md);border:1px solid var(--surface-border);z-index:10;font-size:12px}.legend-title{font-weight:600;margin-bottom:6px;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.dashboard{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:var(--space-xl);padding-bottom:32px;color:var(--text-primary)}.dashboard-header{margin-bottom:4px}.dashboard-header .ant-typography{color:var(--text-primary)!important}.dashboard-header .ant-typography-secondary{color:var(--text-secondary)!important}.dashboard-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{border-radius:var(--radius-lg)!important;border:1px solid var(--surface-border)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}.stat-card .ant-card-body{background:transparent!important}.stat-card .ant-statistic-title{font-size:12px!important;color:var(--text-muted)!important}.stat-card .ant-statistic-content,.stat-card .ant-statistic-content-value{color:var(--text-primary)!important}.dashboard-main{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.radar-card,.groups-card,.levels-card{border-radius:var(--radius-lg)!important;border:1px solid var(--surface-border)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}.radar-card .ant-card-body,.groups-card .ant-card-body,.levels-card .ant-card-body{background:transparent!important}.radar-card .ant-card-head,.groups-card .ant-card-head,.levels-card .ant-card-head{color:var(--text-primary)!important;border-bottom-color:var(--surface-border)!important}.radar-card .ant-card-head-title,.groups-card .ant-card-head-title,.levels-card .ant-card-head-title{color:var(--text-primary)!important}.radar-legend{display:flex;justify-content:center;gap:8px;margin-top:8px}.group-progress-list{display:flex;flex-direction:column;gap:12px}.group-progress-item{display:flex;flex-direction:column;gap:2px}.group-progress-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.group-progress-header .ant-typography{color:var(--text-primary)!important}.group-progress-header .ant-typography-secondary{color:var(--text-secondary)!important}.levels-distribution{display:flex;flex-direction:column;gap:12px}.level-bar-item{display:flex;align-items:center;gap:12px}.level-bar-label{display:flex;align-items:center;gap:6px;min-width:200px;color:var(--text-primary)}.level-bar-label .ant-typography{color:var(--text-primary)!important}.level-bar-item .ant-typography-secondary,.group-progress-item .ant-progress-text{color:var(--text-secondary)!important}.level-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.level-bar-track{flex:1;height:8px;background:var(--bg-3);border-radius:4px;overflow:hidden}.level-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.dashboard-empty{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-muted)}.learning-path-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;padding:var(--space-xl);gap:var(--space-lg)}.lp-toolbar{padding:var(--space-md) var(--space-lg);background:var(--bg-2);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d;flex-shrink:0;position:sticky;top:0;z-index:5}.lp-toolbar .ant-typography{color:var(--text-primary)!important}.lp-toolbar .ant-input,.lp-toolbar .ant-input-affix-wrapper{background:transparent!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--text-primary)!important;border-radius:8px!important;font-size:13px;font-weight:500}.lp-toolbar .ant-input:hover,.lp-toolbar .ant-input-affix-wrapper:hover{border-color:#ffffff26!important;background:#ffffff08!important}.lp-toolbar .ant-input:focus,.lp-toolbar .ant-input-affix-wrapper:focus-within{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed33!important;background:#ffffff08!important}.lp-toolbar .ant-input::placeholder{color:#4b5563!important}.lp-toolbar .ant-input-prefix{color:#4b5563!important}.lp-toolbar .ant-tag{background:#ffffff0f!important;border-color:#ffffff1a!important;color:var(--text-secondary)!important}.lp-content{flex:1;display:flex;min-height:0;position:relative}.lp-graph{flex:1;min-width:0;position:relative}.lp-graph .react-flow__attribution{display:none}.lp-graph .graph-actions-panel .ant-btn{background:var(--bg-3)!important;border-color:#ffffff14!important;color:var(--text-secondary)!important}.lp-graph .graph-actions-panel .ant-btn:hover{background:var(--bg-4)!important;color:var(--text-primary)!important;border-color:#ffffff26!important}.lp-detail-card{width:360px;border-left:1px solid rgba(255,255,255,.08);border-radius:0!important;overflow-y:auto;background:#ffffff08}.lp-detail-card.ant-card{background:#ffffff08!important;color:var(--text-primary)}.lp-detail-card .ant-card-head{border-bottom-color:#ffffff0f!important;background:transparent!important}.lp-detail-card .ant-card-head-title{color:var(--text-primary)!important;font-family:var(--font-display);font-weight:700;font-size:15px}.lp-detail-card .ant-card-body{background:transparent!important}.lp-detail-card .ant-typography{color:#94a3b8!important;line-height:1.7}.lp-detail-card .ant-typography-secondary{color:#64748b!important}.lp-detail-card .ant-tag{border-radius:var(--radius-pill);font-size:11px;font-weight:500;padding:1px 10px;border:none}.lp-detail-card .ant-tag[style*="color: #22c55e"],.lp-detail-card .ant-tag[style*="color: rgb(34, 197, 94)"]{background:#22c55e26!important;color:#4ade80!important;border:1px solid rgba(74,222,128,.3)!important}.lp-detail-card .ant-tag[style*="color: #f59e0b"],.lp-detail-card .ant-tag[style*="color: rgb(245, 158, 11)"]{background:#f59e0b26!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.3)!important}.lp-detail-card .ant-tag[style*="color: #ef4444"],.lp-detail-card .ant-tag[style*="color: rgb(239, 68, 68)"]{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(248,113,113,.3)!important}.lp-detail-card .ant-tag[style*="color: #facc15"],.lp-detail-card .ant-tag[style*="color: rgb(250, 204, 21)"]{background:#facc1526!important;color:#fde047!important;border:1px solid rgba(253,224,71,.3)!important}.lp-detail-card .ant-tag[style*="color: #3b82f6"],.lp-detail-card .ant-tag[style*="color: rgb(59, 130, 246)"]{background:#3b82f626!important;color:#60a5fa!important;border:1px solid rgba(96,165,250,.3)!important}.lp-detail-card .ant-tag:not([style]){background:#7c3aed26!important;color:#a78bfa!important;border:1px solid rgba(167,139,250,.25)!important;border-radius:var(--radius-pill);font-size:11px}.lp-detail-card a{color:var(--primary)!important;font-size:13px;font-weight:500;transition:color .12s ease;display:inline-flex;align-items:center;gap:4px}.lp-detail-card a:hover{color:#a78bfa!important;text-decoration:underline}.lp-detail-card .ant-card-extra .ant-btn-text{color:var(--text-muted)!important;border-radius:6px;transition:all .12s ease}.lp-detail-card .ant-card-extra .ant-btn-text:hover{color:var(--text-primary)!important;background:#ffffff14!important}.lp-group-node{padding:16px 22px;border-radius:16px;border:2px solid rgba(255,255,255,.1);min-width:260px;max-width:320px;background:var(--bg-2);box-shadow:0 4px 16px #00000040}.lp-group-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.lp-group-icon{font-size:20px;color:var(--text-secondary);opacity:.9}.lp-group-label{flex:1;font-weight:700;font-size:15px;color:var(--text-primary);line-height:1.3}.lp-group-toggle{font-size:12px;color:var(--text-muted)}.lp-group-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.lp-group-sep{color:var(--text-muted)}.lp-section-node{padding:10px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.08);min-width:220px;max-width:300px;background:var(--bg-3);box-shadow:0 2px 8px #0003}.lp-section-content{display:flex;align-items:center;gap:10px}.lp-section-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.lp-section-label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.3}.lp-section-badge{font-size:11px;background:#ffffff14;padding:2px 8px;border-radius:10px;color:var(--text-secondary);flex-shrink:0}.lp-section-toggle{font-size:11px;color:var(--text-muted);flex-shrink:0}.skill-card-node{padding:16px 18px;background:var(--bg-2);border-radius:14px;border:1px solid rgba(255,255,255,.08);border-left:5px solid;box-shadow:0 3px 12px #00000040;width:370px;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.skill-card-node:hover{box-shadow:0 8px 24px #00000059;border-color:#ffffff1f}.skill-card-node .ant-typography-secondary{color:var(--text-muted)!important}.skill-planned-ribbon{position:absolute;top:0;right:0;background:#f59e0be6;color:#fff;font-size:10px;font-weight:600;padding:2px 10px 2px 12px;border-radius:0 0 0 10px;display:flex;align-items:center;gap:4px}.skill-card-title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skill-time{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.skill-link{color:var(--primary);font-size:12px;margin-left:auto}.skill-link:hover{color:#a78bfa}.legend-line{width:16px;height:3px;border-radius:2px;flex-shrink:0}@media(max-width:1024px){.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-main{grid-template-columns:1fr}.lp-detail-card{display:none}}@media(max-width:768px){.app-header{flex-direction:column;height:auto;padding:8px 16px;line-height:normal}.header-tabs .ant-tabs-tab{padding:8px 4px!important;font-size:12px}.app-content{padding:8px}.tree-container{height:60vh}.dashboard-stats-row{grid-template-columns:1fr 1fr}.level-bar-label{min-width:140px}}:root{--bg-0: #080c14;--bg-1: #0f1629;--bg-2: #161d33;--bg-3: #1e2642;--bg-4: #273152;--surface: rgba(22, 29, 51, .65);--surface-hover: rgba(30, 38, 66, .8);--surface-border: rgba(255, 255, 255, .06);--surface-border-hover: rgba(255, 255, 255, .12);--primary: #818cf8;--primary-bold: #6366f1;--primary-muted: rgba(129, 140, 248, .15);--primary-glow: rgba(99, 102, 241, .35);--accent: #fbbf24;--accent-muted: rgba(251, 191, 36, .15);--assess-none: #475569;--assess-none-bg: rgba(71, 85, 105, .12);--assess-learn: #f59e0b;--assess-learn-bg: rgba(245, 158, 11, .12);--assess-apply: #6366f1;--assess-apply-bg: rgba(99, 102, 241, .12);--assess-teach: #22c55e;--assess-teach-bg: rgba(34, 197, 94, .12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 24px var(--primary-glow);--shadow-glow-sm: 0 0 12px var(--primary-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--bg-light: #f8fafc;--surface-light: #ffffff;--surface-light-border: #e2e8f0;--app-chrome-height: 56px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--bg-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--primary-bold)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.focus-ring:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ant-tabs{color:var(--text-secondary)}.ant-tabs .ant-tabs-tab{color:var(--text-muted)!important;transition:color .15s ease}.ant-tabs .ant-tabs-tab:hover{color:var(--text-primary)!important}.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary)!important}.ant-tabs .ant-tabs-ink-bar{background:var(--primary)!important}