:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb;color:#172033;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 95% 5%,rgba(31,111,235,.08),transparent 28rem),linear-gradient(135deg,#f4f7fb,#edf3f9 46%,#f7f3ee)}button,input{font:inherit}button{cursor:pointer}select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:22px 18px;background:#102237;color:#eaf2fb}.brand{display:flex;align-items:center;gap:12px;padding:4px 4px 10px}.sidebar-close,.mobile-menu{display:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#f4c542;color:#102237;font-weight:900;font-size:22px}.brand strong,.brand span{display:block}.brand strong{font-size:20px}.brand span{color:#a8bfd5;font-size:12px;margin-top:2px}.nav{display:grid;gap:5px}.nav-item{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#bed0df;text-decoration:none;font-size:14px;text-align:left}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.security{display:flex;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#c7d7e6;font-size:12px;line-height:1.45}.ghost-button,.primary-button,.secondary-button,.icon-button{min-height:40px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.ghost-button{width:100%;color:#eaf2fb;background:#ffffff14}.ghost-button.active{background:#ffffff29;color:#fff}.workspace{min-width:0;padding:20px clamp(16px,2.4vw,34px) 36px}.topbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:28px}.search{flex:1;max-width:640px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #d9e2ec;background:#ffffffd1;border-radius:8px}.search input{width:100%;border:0;outline:0;background:transparent;color:#172033}.topbar-actions,.heading-actions{display:flex;align-items:center;gap:10px}.profile-switch{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d9e2ec;border-radius:7px;background:#fff;color:#2b3b52}.profile-switch select{border:0;outline:0;background:transparent;color:inherit;font-weight:800}.icon-button,.secondary-button{border:1px solid #d9e2ec;background:#fff;color:#2b3b52}.icon-button{width:42px}.primary-button{padding:0 16px;background:#1f6feb;color:#fff;font-weight:700}.secondary-button{padding:0 14px;font-weight:650}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.context-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-12px 0 16px}.breadcrumb,.active-scope{min-height:32px;display:inline-flex;align-items:center;gap:7px;color:#62748a;font-size:13px}.breadcrumb strong{color:#22334a}.active-scope{padding:0 10px;border-radius:999px;background:#e6f6ef;color:#147653;font-weight:800}.filter-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;margin-bottom:18px;border:1px solid #dce5ee;border-radius:8px;background:#ffffffc7}.filter-strip span{display:inline-flex;align-items:center;gap:6px;color:#40516a;font-weight:900}.filter-strip select{min-height:36px;border:1px solid #d9e2ec;border-radius:7px;background:#fff;color:#2b3b52;padding:0 10px}.eyebrow{display:inline-flex;color:#1f6feb;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}h1,h2,p{margin:0}h1{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:0;max-width:780px}.page-heading p{max-width:710px;margin-top:12px;color:#66758a;font-size:16px;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card,.panel{border:1px solid #dce5ee;background:#ffffffeb;border-radius:8px;box-shadow:0 14px 35px #1f2e4712}.metric-card{min-height:146px;padding:18px;display:grid;align-content:space-between}.metric-card span,.metric-card small,.progress-row span,.okr-item span,.feedback-item span{color:#65758a}.metric-card strong{font-size:32px;line-height:1}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px}.metric-card.blue .metric-icon{background:#e7f0ff;color:#1f6feb}.metric-card.green .metric-icon{background:#e6f6ef;color:#1f9d72}.metric-card.orange .metric-icon{background:#fff3df;color:#b96d08}.metric-card.violet .metric-icon{background:#f0eaff;color:#7651d6}.dashboard-grid,.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.panel{min-height:250px;padding:18px;overflow:hidden}.panel-wide,.panel-large{grid-column:span 3}.panel-tall{grid-column:span 2;min-height:360px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-title h2{display:flex;align-items:center;gap:8px;font-size:16px}.panel-title button{min-height:32px;display:inline-flex;align-items:center;gap:4px;padding:0 10px;border-radius:7px;border:1px solid #dfe6ef;background:#f8fafc;color:#40516a;font-size:12px;font-weight:700}.chart-xl{height:292px}.chart-md{height:190px}.chart-sm{height:160px;min-width:160px}.insight-box{display:flex;gap:10px;padding:14px;border-radius:8px;background:#eef5ff;color:#233b5b;line-height:1.45}.insight-box svg{flex:0 0 auto;color:#1f6feb}.compact-list{display:grid;gap:12px;padding:0;margin:18px 0 0;list-style:none}.compact-list li{display:flex;gap:10px;align-items:center;color:#53657c}.compact-list span{width:36px;height:28px;display:grid;place-items:center;border-radius:7px;background:#fff3df;color:#9a5b08;font-weight:800}.evaluation-stack,.okr-list,.feedback-list,.ranking{display:grid;gap:14px}.progress-row{display:grid;gap:8px}.progress-row>div:first-child,.okr-meta,.ranking div{display:flex;justify-content:space-between;gap:12px}.progress-row strong,.progress-row span{font-size:13px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e8eef5}.progress-track div{height:100%;border-radius:inherit;background:#1f6feb}.okr-item{display:grid;gap:10px;padding:14px;border:1px solid #e4ebf2;border-radius:8px;background:#fbfdff}.okr-item>div:first-child{display:grid;gap:3px}.pill{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border-radius:999px;background:#e6f6ef;color:#147653;font-size:12px;font-weight:800}.pill.warning{background:#fff3df;color:#9a5b08}.feedback-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border-radius:8px;border:1px solid #e4ebf2}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#102237;color:#fff;font-weight:800}.feedback-item strong,.feedback-item span{display:block}.feedback-item p{margin-top:6px;color:#40516a;line-height:1.45}.feedback-item em{min-width:44px;min-height:28px;display:grid;place-items:center;border-radius:7px;background:#eef5ff;color:#1f6feb;font-style:normal;font-weight:800;font-size:12px}.sentiment-layout{display:flex;align-items:center;gap:12px}.legend-list{display:grid;gap:12px}.legend-list span{display:flex;align-items:center;gap:8px;color:#40516a;font-size:13px}.legend-list i{width:10px;height:10px;border-radius:50%}.ranking div{align-items:center;padding:13px;border-radius:8px;background:#fbfdff;border:1px solid #e4ebf2}.ranking svg{color:#d99922}.ranking strong{flex:1}.ranking span{color:#53657c;font-weight:800}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;min-height:306px}.kanban-column{display:grid;align-content:start;gap:10px;padding:12px;border-radius:8px;background:#f5f8fc;border:1px solid #e2eaf2}.kanban-column>strong{color:#253852;font-size:13px}.task-card{display:grid;gap:7px;padding:12px;border-radius:8px;background:#fff;border:1px solid #dfe7ef}.task-card span,.task-card small,.timeline-item span,.timeline-item small,.development-item span,.development-item small,.question-item span,.league-row span,.org-node span,.org-node small,.report-item span{color:#65758a}.task-card span{font-weight:800;color:#172033}.task-card b,.task-card small{font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid #e5edf4;text-align:left;font-size:13px}th{color:#5d6f86;background:#f7f9fc;font-weight:800}td{color:#23354d}.timeline-list,.development-list,.question-list,.league-list,.report-list{display:grid;gap:12px}.timeline-item,.development-item,.question-item,.league-row,.report-item{border:1px solid #e4ebf2;border-radius:8px;background:#fbfdff}.timeline-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px}.timeline-item div,.report-item div{display:grid;gap:4px}.timeline-item b{display:block;text-align:right}.script-box{min-height:156px;display:flex;align-items:center;padding:18px;border-radius:8px;background:#eef5ff;color:#233b5b;line-height:1.6}.development-item,.question-item{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:12px;align-items:center;padding:14px}.development-item .progress-track,.question-item .progress-track{grid-column:1 / -1}.development-item>div,.question-item>div{display:grid;gap:4px}.development-item b,.question-item b{justify-self:end;color:#1f6feb;font-size:18px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#eef5ff;color:#1d4f91;font-weight:800;font-size:13px}.league-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px}.league-row>strong{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#fff3df;color:#9a5b08}.league-row div{display:grid;gap:4px}.league-row em,.report-item em{font-style:normal;font-weight:900;color:#1f6feb}.org-map{display:grid;gap:18px}.org-node{display:grid;gap:5px;padding:15px;border:1px solid #dfe7ef;border-radius:8px;background:#fff}.org-node.root{justify-self:center;min-width:220px;text-align:center;background:#102237;color:#fff}.org-node.root span{color:#bed0df}.org-branches{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.report-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.settings-panel{min-height:292px}.company-panel,.integrations-panel{grid-column:span 2}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form label{display:grid;gap:7px;color:#40516a;font-size:13px;font-weight:800}.settings-form input,.settings-form select{width:100%;min-height:42px;border:1px solid #d9e2ec;border-radius:7px;background:#fff;color:#172033;padding:0 11px}.permission-list,.settings-list,.integration-grid{display:grid;gap:12px}.permission-row,.setting-line,.integration-card{border:1px solid #e4ebf2;border-radius:8px;background:#fbfdff}.permission-row,.setting-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px}.permission-row div,.setting-line div,.integration-card{display:grid;gap:4px}.permission-row span,.setting-line span,.integration-card span{color:#65758a;font-size:12px}.setting-line em,.integration-card em{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border-radius:999px;background:#eef5ff;color:#1f6feb;font-style:normal;font-size:12px;font-weight:900;white-space:nowrap}.toggle{width:44px;height:24px;display:inline-flex;align-items:center;padding:3px;border-radius:999px;background:#cfd9e5}.toggle i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #10223738}.toggle.checked{justify-content:flex-end;background:#1f9d72}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-card{padding:14px}.integration-card em{justify-self:start;margin-top:4px;background:#fff3df;color:#9a5b08}.integration-card em.connected{background:#e6f6ef;color:#147653}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 88% 14%,rgba(244,197,66,.16),transparent 24rem),linear-gradient(135deg,#102237,#172f49 52%,#f4f7fb 52%)}.login-panel{width:min(460px,100%);display:grid;gap:18px;padding:28px;border-radius:8px;background:#fff;box-shadow:0 28px 80px #10223747}.login-brand{padding:0;color:#102237}.login-field{display:grid;gap:7px;color:#40516a;font-weight:800;font-size:13px}.login-field input{min-height:44px;border:1px solid #d9e2ec;border-radius:7px;padding:0 12px;color:#172033}.login-button{width:100%}.people-list{display:grid;gap:10px}.person-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4ebf2;border-radius:8px;background:#fbfdff;color:#172033;text-align:left}.person-row span{display:block;margin-top:3px;color:#65758a;font-size:12px}.person-row b{width:38px;height:32px;display:grid;place-items:center;border-radius:7px;background:#eef5ff;color:#1f6feb}.drawer{position:fixed;top:0;right:0;z-index:40;width:min(420px,100vw);height:100vh;display:grid;align-content:start;gap:16px;padding:20px;background:#fff;box-shadow:-20px 0 60px #10223738}.drawer-header{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;gap:12px;align-items:center}.drawer-header strong{display:block;font-size:20px}.drawer-header span,.drawer-section span{color:#65758a}.avatar.large{width:54px;height:54px;font-size:22px}.drawer-score{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:8px;background:#102237;color:#fff}.drawer-score span{color:#bed0df}.drawer-score strong{font-size:42px}.drawer-section{display:grid;gap:8px;padding:14px;border:1px solid #e4ebf2;border-radius:8px;background:#fbfdff}.drawer-actions{display:flex;gap:10px}.org-node{color:inherit;text-align:left}@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.metric-grid,.dashboard-grid,.content-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-wide,.panel-large,.panel-tall,.company-panel,.integrations-panel{grid-column:span 2}.kanban-board,.org-branches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;z-index:50;left:0;top:0;width:min(300px,86vw);transform:translate(-105%);transition:transform .18s ease;padding:16px}.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:45;border:0;background:#10223773}.mobile-menu,.sidebar-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e2ec;border-radius:7px;background:#fff;color:#2b3b52}.mobile-menu{width:44px;height:44px;flex:0 0 auto}.sidebar-close{width:36px;height:36px;margin-left:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{display:none}.topbar,.page-heading,.sentiment-layout,.context-row{align-items:stretch;flex-direction:column}.topbar-actions,.heading-actions{flex-wrap:wrap}.search{max-width:none}.profile-switch{flex:1}}@media(max-width:620px){.workspace{padding:16px 12px 28px}.nav,.metric-grid,.dashboard-grid,.content-grid,.settings-grid,.kanban-board,.org-branches{grid-template-columns:1fr}.panel-wide,.panel-large,.panel-tall,.company-panel,.integrations-panel{grid-column:span 1}.settings-form,.integration-grid{grid-template-columns:1fr}.metric-card{min-height:130px}.feedback-item{grid-template-columns:38px minmax(0,1fr)}.feedback-item em{grid-column:2;justify-self:start}.secondary-button,.primary-button{flex:1}.filter-strip select,.filter-strip span{width:100%}.timeline-item,.league-row,.report-item{grid-template-columns:1fr}.timeline-item b{text-align:left}}
