: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}.login-shell{background:radial-gradient(80% 60% at 50% -10%,#0f766e2e 0%,#0000 70%),linear-gradient(160deg,#0d1521 0%,#101827 55%,#0a1520 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;gap:28px;width:min(440px,100%);padding:36px;display:grid;box-shadow:0 0 0 1px #0f766e1f,0 32px 64px #0000007a}.login-brand{align-items:center;gap:14px;display:flex}.login-brand strong{color:#fff;letter-spacing:-.3px;font-size:20px;display:block}.login-brand small{color:#7a95b0;margin-top:2px;font-size:12px;display:block}.large-mark{background:linear-gradient(135deg,#0f766e,#0e4f6e)!important;border-radius:12px!important;width:48px!important;height:48px!important;box-shadow:0 8px 24px #0f766e66!important}.login-header h1{color:#f1f5f9;letter-spacing:-.4px;margin:0 0 6px;font-size:26px}.login-header p{color:#64748b;margin:0;font-size:14px}.login-form{gap:16px;display:grid}.login-label{color:#94a3b8;letter-spacing:.3px;gap:8px;font-size:13px;font-weight:700;display:grid}.login-input{color:#f1f5f9;min-height:46px;font:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .15s,background .15s}.login-input::placeholder{color:#475569}.login-input:focus{background:#0f766e14;border-color:#0f766e;outline:none}.login-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:0;padding:10px 14px;font-size:13px;font-weight:600}.remember-toggle{color:#cbd5e1;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.remember-toggle:hover{background:#ffffff0f}.remember-toggle.on{background:#0f766e14;border-color:#0f766e80}.remember-track{background:#334155;border-radius:999px;flex:0 0 42px;width:42px;height:24px;transition:background .2s;position:relative}.remember-toggle.on .remember-track{background:#0f766e}.remember-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.remember-toggle.on .remember-thumb{transform:translate(18px)}.remember-label{gap:3px;font-size:14px;font-weight:700;display:grid}.remember-label small{color:#64748b;font-size:12px;font-weight:500;display:block}.login-submit{color:#fff;min-height:50px;font:inherit;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#0f766e 0%,#0e5f6e 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 8px 24px #0f766e59}.login-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit.login-sso{letter-spacing:.1px;gap:10px;font-size:15px}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite spin}.login-footer{color:#475569;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.sidebar-user{background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;display:flex}.sidebar-user-info{align-items:center;gap:10px;min-width:0;display:flex}.small-avatar{color:#93c5fd!important;background:#1e3a5f!important;flex-basis:32px!important;width:32px!important;height:32px!important;font-size:11px!important}.sidebar-user-email{color:#7a95b0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.logout-button{color:#7a95b0;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.logout-button:hover{color:#fca5a5;background:#dc262626;border-color:#dc26264d}.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}.loading-screen{color:#64748b;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-size:14px;display:flex}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#0f766e;border-radius:50%;width:40px;height:40px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.db-error-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.toast-stack{z-index:50;gap:10px;max-width:360px;display:grid;position:fixed;bottom:24px;right:24px}.toast-item{color:#f1f5f9;background:#1e293b;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;animation:.2s toast-in;display:flex;box-shadow:0 8px 24px #0f172a38}.toast-item.success{color:#d1fae5;background:#064e3b;border-color:#065f46}.toast-item.info{color:#dbeafe;background:#1e3a5f;border-color:#1d4ed8}.toast-item.warning{color:#fef3c7;background:#78350f;border-color:#92400e}.toast-close{width:22px;height:22px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.field-error{color:#dc2626;margin-top:3px;font-size:12px;font-weight:700;display:block}.modal-form input[aria-invalid=true],.modal-form select[aria-invalid=true]{border-color:#dc2626;outline-color:#dc26263d}.storage-notice{color:#9fb0c5;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;margin:0;padding:8px 10px;font-size:11px;display:flex}.box-cell button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.box-cell>span,.table-row span strong,.successor-row strong,.risk-row strong,.person-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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}}