:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html{background:#f4f7fb}body{min-width:320px;margin:0}button,input,select{font:inherit}button{letter-spacing:0}h1,h2,h3,p{overflow-wrap:anywhere}#root{min-height:100vh}.app-shell{color:#111827;background:linear-gradient(#ffffffe0,#f4f7fbf5),#f4f7fb;min-height:100vh;display:flex}.sidebar{color:#e5edf6;background:#101827;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 292px;align-self:flex-start;gap:24px;width:292px;min-height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:8px 8px 16px;display:flex}.brand-mark{color:#ecfeff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.brand strong,.brand small,.sidebar-footer strong{display:block}.brand small,.sidebar-footer,.nav-list small{color:#9fb0c5}.nav-list{gap:6px;display:grid}.nav-list button{color:#dbe7f3;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;display:grid}.nav-list button:hover,.nav-list button.active{background:#ffffff14;border-color:#ffffff1a}.nav-list button.active{color:#fff;box-shadow:inset 3px 0 #14b8a6}.nav-list strong{font-size:14px;display:block}.nav-list small{margin-top:1px;font-size:12px;display:block}.sidebar-footer{background:#ffffff14;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:14px;font-size:12px;display:flex}.sidebar-footer strong{color:#fff;margin-top:2px;font-size:13px}.workspace{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:0;margin:4px 0;font-size:34px;line-height:1.1}.topbar p{color:#64748b}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:0;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.primary-action,.secondary-action,.icon-button,.inline-form button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:#0f766e;box-shadow:0 12px 24px #0f766e2e}.primary-action:hover{background:#115e59}.secondary-action{color:#1f2937;background:#fff;border-color:#d7dee8}.secondary-action:hover{border-color:#94a3b8}.secondary-action:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.icon-button{background:#fff;border-color:#d7dee8;width:40px;padding:0}.view-stack{gap:18px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-tile{background:#fff;border:1px solid #dce4ee;border-radius:8px;justify-content:space-between;gap:12px;min-height:126px;padding:18px;display:flex;box-shadow:0 10px 28px #0f172a0f}.metric-tile span,.metric-tile small{color:#64748b;display:block}.metric-tile strong{margin:8px 0 6px;font-size:30px;line-height:1;display:block}.metric-tile svg{border-radius:8px;width:42px;height:42px;padding:10px}.metric-tile.teal svg{color:#0f766e;background:#ccfbf1}.metric-tile.blue svg{color:#2563eb;background:#dbeafe}.metric-tile.amber svg{color:#b45309;background:#fef3c7}.metric-tile.rose svg{color:#be123c;background:#ffe4e6}.dashboard-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:18px;display:grid}.panel,.profile-panel{background:#fffffff5;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 10px 28px #0f172a0f}.panel{padding:18px}.panel.clean{box-shadow:none}.panel.wide{min-width:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-heading h2,.panel-heading h3{letter-spacing:0;margin:3px 0 0;line-height:1.2}.panel-heading h2{font-size:20px}.panel-heading h3{font-size:17px}.chart-box{width:100%;min-height:280px}.chart-box.compact{min-height:250px}.status-pill{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.success{color:#065f46;background:#d1fae5}.status-pill.warning{color:#92400e;background:#fef3c7}.status-pill.danger{color:#991b1b;background:#fee2e2}.status-pill.info{color:#1d4ed8;background:#dbeafe}.risk-list,.stack-list,.pdi-list,.onboarding-stack,.succession-list,.legend-list{gap:10px;display:grid}.risk-row,.person-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.risk-row:hover,.person-row:hover,.person-row.active{background:#f0fdfa;border-color:#0f766e}.risk-row strong,.risk-row small,.person-row strong,.person-row small{display:block}.risk-row small,.person-row small,.action-item small,.learning-item small,.table-row small,.goal-row small,.succession-item small,.successor-row small,.onboarding-item small,.meta-grid span{color:#64748b;font-size:12px}.avatar{color:#0f172a;background:#dbeafe;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:inline-flex}.avatar.large{background:#ccfbf1;flex-basis:62px;width:62px;height:62px;font-size:20px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.action-item,.learning-item,.goal-row.elevated,.succession-item,.onboarding-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:10px;padding:14px;display:grid}.action-item strong,.learning-item strong,.succession-item strong,.successor-row strong{display:block}.action-item p,.learning-item p{color:#475569;margin:0;font-size:13px}.action-topline,.succession-top,.onboarding-head,.profile-head,.profile-identity,.pill-row{align-items:center;gap:10px;display:flex}.action-topline,.succession-top,.profile-head{justify-content:space-between}.pill-row{flex-wrap:wrap;justify-content:flex-end}.progress{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2563eb);height:100%;display:block}.people-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:12px;display:grid}.search-field,.select-field{background:#fff;border:1px solid #d7dee8;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.search-field input,.select-field select,.inline-form input,.inline-form select,.modal-form input,.modal-form select{color:#111827;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.people-layout{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:18px;display:grid}.people-list{gap:8px;max-height:calc(100vh - 178px);padding-right:4px;display:grid;overflow:auto}.profile-panel{gap:18px;min-width:0;padding:20px;display:grid}.profile-identity{min-width:0}.profile-identity h2{letter-spacing:0;margin:2px 0 3px;font-size:26px}.profile-identity p{color:#64748b;margin:0}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-stats>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:7px;padding:12px;display:grid}.profile-stats small{color:#64748b}.profile-stats strong{font-size:22px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.goal-row{gap:8px;display:grid}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud span{color:#1e293b;background:#e0f2fe;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.inline-form{grid-template-columns:minmax(180px,1fr) 150px 150px auto;gap:10px;margin-bottom:12px;display:grid}.inline-form input,.inline-form select{background:#fff;border:1px solid #d7dee8;border-radius:8px;min-height:40px;padding:0 12px}.inline-form button{color:#fff;background:#2563eb}.pdi-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(0,1fr) 140px auto;align-items:center;gap:12px;padding:12px;display:grid}.empty-state{color:#64748b;margin:0}.learning-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.okr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learning-meta{flex-wrap:wrap;gap:8px;display:flex}.learning-meta span{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.table-list{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:8px;gap:1px;display:grid;overflow:hidden}.table-row{background:#fff;grid-template-columns:190px minmax(0,1fr) 86px auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.onboarding-head{align-items:flex-start}.task-list{gap:6px;display:grid}.task-row{color:#334155;cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;font-size:13px;display:grid}.task-row input{accent-color:#0f766e;margin-top:3px}.task-row span,.task-row small{display:block}.heatmap{border:1px solid #e2e8f0;border-radius:8px;overflow:auto}.heatmap-row{background:#e2e8f0;grid-template-columns:1.2fr repeat(5,.7fr);gap:1px;min-width:760px;display:grid}.heatmap-row+.heatmap-row{border-top:1px solid #e2e8f0}.heatmap-row>*{background:#fff;align-items:center;min-height:50px;padding:0 12px;display:flex}.heatmap-row.header>*{color:#475569;background:#f8fafc;font-weight:900}.heatmap-row span[data-score]{color:#0f172a;background:#ecfeff;justify-content:center;font-weight:900}.nine-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.box-cell{background:#fff;border:1px solid #d7dee8;border-radius:8px;align-content:start;gap:8px;min-height:132px;padding:12px;display:grid}.box-cell:nth-child(3),.box-cell:nth-child(6),.box-cell:nth-child(9){background:#f0fdfa;border-color:#99f6e4}.box-cell span{color:#64748b;font-size:12px;font-weight:700}.box-cell strong{font-size:28px}.box-cell div{flex-wrap:wrap;gap:6px;display:flex}.box-cell button{color:#075985;cursor:pointer;background:#e0f2fe;border:0;border-radius:999px;min-height:26px;padding:0 8px;font-weight:800}.succession-item{gap:14px}.successor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.successor-row{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.legend-list span{color:#334155;align-items:center;gap:8px;font-weight:700;display:flex}.legend-list i{border-radius:999px;width:10px;height:10px}.modal-backdrop{z-index:20;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d7dee8;border-radius:8px;width:min(560px,100%);box-shadow:0 24px 70px #0f172a42}.modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.modal-head h2{letter-spacing:0;margin:3px 0 0}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.modal-form label{color:#334155;gap:7px;font-size:13px;font-weight:800;display:grid}.modal-form input,.modal-form select{background:#fff;border:1px solid #d7dee8;border-radius:8px;min-height:42px;padding:0 12px}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}@media (width<=1180px){.metrics-grid,.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout,.people-layout{grid-template-columns:1fr}.people-list{max-height:none}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{flex-basis:auto;width:auto;min-height:auto;padding:16px;position:static}.brand{padding:0 0 12px}.nav-list{grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.sidebar-footer{display:none}.workspace{padding:18px}.topbar{display:grid}.topbar-actions,.modal-actions{justify-content:flex-start}.people-toolbar,.inline-form,.learning-grid,.okr-grid,.action-grid,.split-grid,.successor-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr;gap:6px}}@media (width<=620px){.workspace{padding:14px}.topbar h1{font-size:28px}.metrics-grid,.profile-stats,.modal-form{grid-template-columns:1fr}.metric-tile{min-height:112px}.profile-head,.profile-identity,.succession-top,.action-topline{flex-direction:column;align-items:flex-start}.pdi-row,.nine-box{grid-template-columns:1fr}}