@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap";
:root{--bg-main:#f0f4f8;--bg-soft:#e6ecf3;--surface:#fff;--surface-subtle:#f7f9fc;--border:#dee4ed;--border-strong:#c8d0dd;--text-primary:#0b1120;--text-secondary:#3d4a5c;--text-muted:#64748b;--accent-primary:#7c3aed;--accent-primary-dark:#6d28d9;--accent-primary-light:#7c3aed14;--accent-blue:#6366f1;--accent-warning:#d97706;--accent-error:#dc2626;--accent-success:#059669;--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-cool:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--shadow-sm:0 1px 3px #0b11200d;--shadow:0 4px 16px #0b11200f;--shadow-lg:0 8px 32px #0b112017;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", "Inter", system-ui, sans-serif;--nav-bg:#ffffffe0}[data-theme=dark]{--bg-main:#000;--bg-soft:#08080e;--surface:#0f0f18;--surface-subtle:#141420;--border:#1c1c2e;--border-strong:#282840;--text-primary:#e8ecf4;--text-secondary:#9ca3b8;--text-muted:#6b7280;--accent-primary:#a855f7;--accent-primary-dark:#c084fc;--accent-primary-light:#a855f71a;--accent-blue:#818cf8;--accent-warning:#fbbf24;--accent-error:#f87171;--accent-success:#34d399;--gradient-brand:linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--gradient-cool:linear-gradient(135deg, #818cf8 0%, #a855f7 100%);--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--nav-bg:#000000e6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}ul{list-style:none}.app-nav{z-index:50;background:var(--nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100% - 48px);min-height:56px;margin:0 auto;display:flex}.brand-logo{color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-dot{background:var(--gradient-brand);border-radius:3px;width:10px;height:10px}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{font-family:var(--font-display);color:var(--text-muted);border-radius:6px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:background .16s,color .16s;position:relative}.nav-link:hover{background:var(--bg-soft);color:var(--text-primary)}.nav-link[aria-current=page]{color:var(--accent-primary-dark);background:var(--accent-primary-light)}.nav-link[aria-current=page]:after{content:"";background:var(--gradient-brand);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.nav-actions{align-items:center;gap:6px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-soft)}.workspace-page{width:min(1440px,100% - 48px);margin:0 auto;padding:32px 0 64px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.15}.page-header p{color:var(--text-secondary);margin-top:6px;font-size:.95rem}.eyebrow{color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-flex}.page-header h1{font-family:var(--font-display);background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;line-height:1.1}.dash-grid{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:28px;display:grid}.dash-sidebar,.dash-main{gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.card-header svg{color:var(--accent-primary);flex-shrink:0}.card-header h2{color:var(--text-primary);font-size:1rem;font-weight:600}.card-header span{color:var(--text-muted);margin-left:auto;font-size:.78rem}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 20px;transition:box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.stat-card .stat-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:inline-flex}.stat-card .stat-icon svg{width:17px;height:17px}.stat-card .stat-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.stat-card .stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.1}.form-section{padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:600;display:block}.input-wrap{position:relative}.input-wrap svg{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap select,.input-wrap input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:42px;color:var(--text-primary);appearance:none;outline:none;padding:0 12px 0 38px;font-size:.88rem;transition:border-color .16s,box-shadow .16s}.input-wrap select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a8e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input-wrap select:focus,.input-wrap input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f766e1a}.input-wrap input::placeholder{color:var(--text-muted)}.dropdown{z-index:20;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.dropdown-item{color:var(--text-secondary);cursor:pointer;padding:10px 14px;font-size:.88rem}.dropdown-item:hover{background:var(--bg-soft);color:var(--text-primary)}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:.85rem;font-weight:600;transition:all .16s;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-soft)}.btn-full{width:100%}.gauge-wrap{justify-content:center;padding:16px 0;display:flex}.gauge-ring{width:150px;height:150px;position:relative}.gauge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-center p{font-size:2rem;font-weight:700;line-height:1}.gauge-center span{color:var(--text-muted);text-align:center;margin-top:2px;font-size:.72rem;display:block}.gauge-metrics{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.gauge-metric{justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.gauge-metric span:first-child{color:var(--text-muted)}.gauge-metric span:last-child{color:var(--text-primary);font-weight:600}.chart-card{padding:20px}.chart-card .chart-container{width:100%}.benchmark-groups{border-radius:var(--radius-lg);overflow:hidden}.group-toggle{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:14px 20px;transition:background .12s;display:flex}.group-toggle:hover{background:var(--bg-soft)}.group-toggle:last-child{border-bottom:none}.group-toggle h3{color:var(--text-primary);font-size:.92rem;font-weight:600}.group-toggle .group-meta{color:var(--text-muted);font-size:.78rem}.group-dots{gap:4px;display:flex}.group-dot{border-radius:50%;width:8px;height:8px}.group-dot.red{background:var(--accent-error)}.group-dot.amber{background:var(--accent-warning)}.group-dot.green{background:var(--accent-success)}.group-content{background:var(--surface);border-bottom:1px solid var(--border);padding:4px 20px 14px}.group-item{border-radius:6px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s;display:flex}.group-item:hover{background:var(--bg-soft)}.group-item .item-label{flex:1;min-width:0}.group-item .item-label p{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.group-item .item-label span{color:var(--text-muted);font-size:.75rem}.group-item .item-bar{background:var(--bg-soft);border-radius:999px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.group-item .item-bar-fill{border-radius:999px;height:100%;transition:width .3s}.group-item .item-deficit{text-align:right;flex-shrink:0;width:44px;font-size:.78rem;font-weight:600}.group-item .item-deficit.met{color:var(--accent-success)}.group-item .item-deficit.gap{color:var(--accent-error)}.rank-list{padding:20px}.rank-row{border-radius:8px;align-items:center;gap:14px;padding:12px;transition:background .12s;display:flex}.rank-row:hover{background:var(--bg-soft)}.rank-row.top{background:var(--accent-primary-light);border:1px solid #0f766e26}.rank-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:700;display:flex}.rank-number.gold{background:var(--accent-primary);color:#fff}.rank-number.default{background:var(--bg-soft);color:var(--text-muted)}.rank-info{flex:1;min-width:0}.rank-info .rank-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.rank-info .rank-stats{color:var(--text-muted);gap:14px;margin-top:2px;font-size:.78rem;display:flex}.rank-rate{text-align:right;flex-shrink:0}.rank-rate p{color:var(--text-primary);font-size:.95rem;font-weight:700}.rank-rate span{color:var(--text-muted);font-size:.72rem}.skills-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:28px;display:grid}.side-panel{position:sticky;top:84px}.library-panel{gap:14px;display:grid}.search-bar{padding:16px 18px}.search-bar .field{gap:6px;display:grid}.search-bar label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:600}.input-shell{position:relative}.input-shell svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-shell input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:40px;color:var(--text-primary);outline:none;padding:0 12px 0 38px;font-size:.88rem}.input-shell input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f766e1a}.skill-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px 18px;transition:box-shadow .2s}.skill-section:hover{box-shadow:var(--shadow)}.skill-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-section-header h3{font-size:.92rem;font-weight:600}.skill-grid{flex-wrap:wrap;gap:6px;display:flex}.skill-button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .14s;display:inline-flex}.skill-button:hover{border-color:var(--border-strong);color:var(--text-primary)}.skill-button.is-selected{color:var(--accent-primary-dark);background:#0f766e12;border-color:#0f766e4d}.selected-skill-list{flex-wrap:wrap;gap:6px;display:flex}.selected-skill{color:var(--accent-primary-dark);background:#0f766e14;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.profile-summary{gap:8px;margin-bottom:16px;display:grid}.summary-line{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:.85rem;display:flex}.summary-line strong{color:var(--text-primary);text-align:right}.campus-banner{border-radius:var(--radius-xl);background:var(--gradient-brand);color:#fff;align-items:center;gap:14px;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 4px 20px #0d948833}.campus-banner-empty{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm)}.campus-banner-icon{background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.campus-banner-empty .campus-banner-icon{background:var(--accent-primary-light);color:var(--accent-primary)}.campus-banner-body{flex:1}.campus-banner-body strong{font-size:.9rem;font-weight:600;display:block}.campus-banner-body span{opacity:.85;margin-top:1px;font-size:.78rem;display:block}.campus-banner-empty .campus-banner-body span{opacity:.7;color:var(--text-secondary)}.campus-toggle{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff26;border:none;flex-shrink:0;align-items:center;padding:7px 14px;font-size:.78rem;font-weight:600;transition:background .16s;display:inline-flex}.campus-toggle:hover,.campus-toggle.active{background:#ffffff40}.course-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filter-row+.filter-row{margin-top:12px}.filter-group{flex:1;min-width:160px}.filter-group label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:600;display:block}.filter-group select,.filter-search-wrap input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:40px;color:var(--text-primary);appearance:none;outline:none;padding:0 12px;font-size:.85rem}.filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a8e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.filter-group select:focus,.filter-search-wrap input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0f766e1a}.filter-search{flex:2;min-width:220px}.filter-search-wrap{position:relative}.filter-search-wrap svg{color:var(--text-muted);pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.filter-search-wrap input{padding-left:34px}.filter-row-toggles{align-items:center;gap:18px;display:flex}.toggle-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.84rem;display:inline-flex}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.btn-clear{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;transition:all .14s;display:inline-flex}.btn-clear:hover{border-color:var(--accent-error);color:var(--accent-error);background:#dc26260a}.course-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.course-meta strong{color:var(--text-primary)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s,border-color .2s;display:flex}.course-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.course-card-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.course-skill-badge{background:var(--accent-primary-light);color:var(--accent-primary-dark);letter-spacing:.04em;border-radius:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.course-badge-free{color:var(--accent-success);background:#0f8a5514;border-radius:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.course-badge-cert{color:var(--accent-blue);background:#2563eb14;border-radius:5px;align-items:center;gap:3px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.course-badge-cert svg{width:12px;height:12px}.course-name{color:var(--text-primary);flex:1;font-size:.95rem;font-weight:600;line-height:1.35}.course-provider-row{color:var(--text-muted);align-items:center;gap:6px;font-size:.84rem;display:flex}.course-provider-row svg{flex-shrink:0;width:14px;height:14px}.course-level{color:var(--text-secondary);align-items:center;gap:5px;font-size:.8rem;display:flex}.course-level svg{width:12px;height:12px;color:var(--accent-warning)}.course-card .btn{margin-top:auto}.strategy-panel{margin-bottom:24px;padding:20px}.strategy-grid{grid-template-columns:1fr 260px;align-items:start;gap:24px;display:grid}.roadmap-progress{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:16px}.roadmap-progress .progress-pct{margin-bottom:2px;font-size:1.8rem;font-weight:700;line-height:1;display:block}.roadmap-progress .progress-label{color:var(--text-muted);margin-bottom:10px;font-size:.78rem;display:block}.progress-track{background:var(--bg-soft);border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .4s}.skills-chart-mini{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);margin-top:14px;padding:12px}.skills-chart-mini .chart-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:.72rem;font-weight:600;display:flex}.timeline{padding-left:2.5rem;position:relative}.timeline-rail{background:linear-gradient(to bottom, var(--accent-primary), var(--border));opacity:.3;width:2px;position:absolute;top:0;bottom:0;left:12px}.timeline-step{margin-bottom:2rem;position:relative}.timeline-node{z-index:10;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:1.2rem;left:calc(4px - 2.5rem)}.timeline-node.done{background:var(--accent-success);box-shadow:0 0 0 4px #0f8a5526}.timeline-node.pending{background:var(--accent-primary);box-shadow:0 0 0 4px #0f766e1f}.timeline-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s,border-color .2s}.timeline-card:hover{box-shadow:var(--shadow)}.timeline-card.is-complete{background:#f4fbf8;border-color:#0f8a5540}.timeline-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.timeline-title{align-items:flex-start;gap:10px;display:flex}.timeline-title input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-primary);margin-top:3px}.timeline-title h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.timeline-category{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-blue);font-size:.72rem;font-weight:600;display:inline-block}.timeline-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.65}.placement-note{background:var(--accent-primary-light);border-left:3px solid var(--accent-primary);border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:1rem;padding:10px 12px;display:flex}.placement-note svg{width:14px;height:14px;color:var(--accent-primary);flex-shrink:0;margin-top:2px}.placement-note p{color:var(--text-secondary);margin:0;font-size:.8rem}.placement-note strong{color:var(--text-primary)}.skill-tags{flex-wrap:wrap;gap:6px;margin-bottom:.75rem;display:flex}.skill-tags .tag-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);width:100%;margin-bottom:2px;font-size:.7rem;font-weight:600}.skill-tag{color:var(--accent-primary-dark);background:#7c3aed0f;border:1px solid #7c3aed1f;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.skill-tag-wrapper{align-items:center;gap:4px;text-decoration:none;transition:transform .12s;display:inline-flex}.skill-tag-wrapper:hover{transform:translateY(-1px)}.skill-tag-wrapper:hover .skill-tag{border-color:var(--accent-primary);background:#7c3aed1a}.skill-demand{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;margin-left:2px;padding:1px 6px;font-size:.62rem;font-weight:700}.skill-demand.demand-essential{color:var(--accent-error);background:#dc26261a}.skill-demand.demand-important{color:var(--accent-warning);background:#d977061a}.skill-demand.demand-good{color:var(--accent-success);background:#0596691a}.skill-course-link{color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:600;transition:all .14s;display:inline-flex}.skill-tag-wrapper:hover .skill-course-link{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-light)}.deliverables-list{margin-bottom:.75rem}.deliverables-list .deliverable-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:600}.deliverables-list li{color:var(--text-secondary);padding-left:14px;font-size:.85rem;line-height:1.7;position:relative}.deliverables-list li:before{content:"";background:var(--text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:0}.timeline-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.centered-state{text-align:center;justify-content:center;align-items:center;min-height:60vh;display:flex}.centered-state h2{margin-top:14px;font-size:1.15rem;font-weight:600}.centered-state p{color:var(--text-secondary);margin-top:6px;font-size:.9rem}.empty-state-inner{max-width:380px}.empty-state-inner svg{color:var(--accent-primary)}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);padding:14px 16px}.metric-card span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600;display:block}.metric-card strong{color:var(--text-primary);margin-top:6px;font-size:1.3rem;font-weight:700;line-height:1;display:block}.insight-box{background:var(--accent-primary-light);border-radius:var(--radius);border-left:3px solid var(--accent-primary);padding:12px}.insight-box p{color:var(--text-secondary);margin:0;font-size:.8rem}.insight-box strong{color:var(--text-primary)}.status-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.dash-grid,.skills-layout{grid-template-columns:1fr}.side-panel{position:static}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.strategy-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.chart-grid-2{grid-template-columns:1fr}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}.nav-container{flex-direction:column;align-items:flex-start;gap:8px;width:calc(100% - 24px);padding:10px 0}.workspace-page{width:calc(100% - 24px);padding-top:16px}.timeline-head{flex-direction:column}.course-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-group{min-width:100%}}