:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--bg-surface: #111113;--bg-card: #18181b;--bg-hover: #1e1e22;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--text-dim: rgba(255, 255, 255, .4);--accent: #6ee7b7;--accent-dim: rgba(110, 231, 183, .15);--blue: #60a5fa;--purple: #a78bfa;--yellow: #fbbf24;--red: #f87171;--pink: #f9a8d4;--orange: #fdba74;--radius: .5rem;--radius-lg: .75rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);padding:1.5rem 0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sidebar-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.sidebar-subtitle{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.sidebar-nav{list-style:none;padding:0 .5rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;border:none;background:none;color:var(--text-muted);font-size:.82rem;border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit}.sidebar-link:hover{background:var(--bg-hover);color:var(--text)}.sidebar-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.sidebar-icon{font-size:1rem;width:1.5rem;text-align:center;flex-shrink:0}.main-content{padding:2rem 2.5rem;max-width:900px;overflow-y:auto}.section{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-desc{color:var(--text-muted);font-size:.88rem;margin-bottom:2rem;line-height:1.6;max-width:600px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .75rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);font-size:.88rem;font-family:inherit;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical}.form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1.5rem}.form-row .form-group{flex:1;min-width:140px;margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;align-items:flex-end}.form-grid .full-width{grid-column:1 / -1}.form-grid .btn-add{grid-column:1 / -1;justify-self:start}.tag-input-row{display:flex;gap:.5rem}.tag-input-row input{flex:1;padding:.6rem .75rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);font-size:.88rem;font-family:inherit}.tag-input-row input:focus{outline:none;border-color:var(--accent)}.btn-add{padding:.6rem 1.25rem;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(110,231,183,.25);border-radius:var(--radius);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.btn-add:hover{background:#6ee7b740}.btn-delete{padding:.35rem .7rem;background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .15s}.btn-delete:hover{border-color:var(--red);color:var(--red)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:#60a5fa1f;color:var(--blue);border:1px solid rgba(96,165,250,.2);border-radius:999px;font-size:.78rem}.tag-chip.green{background:#6ee7b71f;color:var(--accent);border-color:#6ee7b733}.tag-chip.purple{background:#a78bfa1f;color:var(--purple);border-color:#a78bfa33}.tag-chip.small{font-size:.7rem;padding:.2rem .45rem}.tag-chip.red{background:#f871711f;color:var(--red);border-color:#f8717133}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;opacity:.6;padding:0}.tag-remove:hover{opacity:1}.badge{display:inline-block;padding:.15rem .5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;font-size:.72rem;color:var(--text-muted)}.table-wrap{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:.6rem .75rem;border-bottom:1px solid var(--border-light)}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);font-size:.85rem}.data-table tr:hover td{background:var(--bg-hover)}.inline-select{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text);padding:.3rem .5rem;border-radius:var(--radius);font-size:.8rem;font-family:inherit;cursor:pointer}.inline-select:focus{outline:none;border-color:var(--accent)}.empty-state{color:var(--text-dim);font-size:.88rem;padding:2rem 0;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg)}.jobs-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.job-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s}.job-card:hover{border-color:var(--border-light)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.job-title{font-size:1rem;font-weight:600}.job-company{font-size:.82rem;color:var(--text-muted);margin-right:.75rem}.job-link{font-size:.78rem;color:var(--blue);text-decoration:none}.job-link:hover{text-decoration:underline}.job-meta{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.status-select{padding:.35rem .6rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:999px;color:var(--text);font-size:.75rem;font-family:inherit;text-transform:capitalize;cursor:pointer}.status-select:focus{outline:none}.job-skills{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-bottom:.5rem}.label-sm{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-right:.3rem}.job-notes{font-size:.82rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.job-date{font-size:.7rem;color:var(--text-dim);margin-top:.5rem;display:block}.entries-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.entry-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s}.entry-card:hover{border-color:var(--border-light)}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.entry-header h3{font-size:.95rem;font-weight:600}.entry-meta{font-size:.78rem;color:var(--text-dim)}.entry-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6}.entry-list{list-style:none;padding:0}.entry-list li{font-size:.85rem;color:var(--text-muted);padding:.3rem 0 .3rem 1rem;position:relative}.entry-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-size:.75rem}.metric-badge{display:inline-block;padding:.4rem .8rem;background:#6ee7b714;border:1px solid rgba(110,231,183,.15);border-radius:var(--radius);margin-bottom:.75rem}.metric-value{font-size:.9rem;font-weight:700;color:var(--accent)}.challenge-section{margin-bottom:.5rem}.challenge-section p{font-size:.85rem;color:var(--text-muted)}.challenge-label{font-size:.72rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.challenge-section.lesson{padding-top:.5rem;border-top:1px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.skill-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-category-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:999px}.skill-category-badge.technical{background:#60a5fa1f;color:var(--blue)}.skill-category-badge.soft{background:#f9a8d41f;color:var(--pink)}.skill-category-badge.strategic{background:#a78bfa1f;color:var(--purple)}.skill-name{font-size:.9rem;font-weight:600;margin-bottom:.6rem}.skill-level-bar{height:4px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:.3rem}.skill-level-fill{height:100%;border-radius:999px;transition:width .3s}.skill-level-label{font-size:.7rem;color:var(--text-dim);text-transform:capitalize}.skill-context{font-size:.78rem;color:var(--text-muted);margin-top:.5rem;line-height:1.5}.action-item{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;gap:.5rem;align-items:baseline}.action-item span:last-child{font-size:.85rem;color:var(--text-muted)}.evidence-info{display:flex;gap:.75rem;align-items:center}.evidence-icon{font-size:1.5rem}.evidence-link{font-size:.82rem;color:var(--blue);text-decoration:none;word-break:break-all}.evidence-link:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem}.summary-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.summary-block h3{font-size:.85rem;font-weight:600;margin-bottom:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pipeline{display:flex;gap:.25rem}.pipeline-stage{flex:1;text-align:center;padding:.75rem .5rem;background:var(--bg-surface);border-radius:var(--radius)}.pipeline-count{display:block;font-size:1.4rem;font-weight:700;color:var(--accent)}.pipeline-label{font-size:.68rem;color:var(--text-dim);text-transform:capitalize}.skill-bars{display:flex;flex-direction:column;gap:.5rem}.skill-bar-row{display:flex;align-items:center;gap:.75rem}.skill-bar-label{font-size:.78rem;color:var(--text-muted);min-width:120px}.skill-bar-track{flex:1;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.skill-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.skill-bar-count{font-size:.78rem;color:var(--text-dim);min-width:1.5rem;text-align:right}.target-role{font-size:1.1rem;font-weight:600;color:var(--accent)}.target-desc{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.tip-block{border-color:#fbbf2426;background:#fbbf2408}.tip-block h3{color:var(--yellow)}.tip-block p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.tip-block strong{color:var(--text)}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{display:flex;overflow-x:auto;padding:0 .5rem;gap:.25rem}.sidebar-link{white-space:nowrap;font-size:.75rem;padding:.4rem .6rem}.main-content{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.stats-grid{grid-template-columns:repeat(3,1fr)}.pipeline{flex-wrap:wrap}}
