:root{color:#263b4e;background:#f4f7fa;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#33485b;background:#fff;border:1px solid #dce3e9;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}button:hover{background:#eaf4f2;border-color:#99bdb7}input,select{color:#33485b;background:#fff;border:1px solid #dce3e9;border-radius:6px;min-width:0;padding:10px}select{cursor:pointer}label{color:#708191;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;color:#152e43;margin:8px 0 10px;font-size:32px;font-weight:600}h2{color:#20394e;font-size:17px;font-weight:600}h3{font-weight:600}small{color:#7b8b98;font-size:11px}p{line-height:1.6}.shell{display:flex}.sidebar{color:#c2d0d8;background:#112e40;flex-direction:column;width:226px;padding:34px 18px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:2px;color:#fff;margin:0 12px 50px;font-size:21px;font-weight:700}.wordmark span{color:#73c5b7}.wordmark small{letter-spacing:1.8px;margin-top:8px;font-size:8px;display:block}.navcaption{letter-spacing:1.8px;color:#7290a3;margin:0 12px 14px;font-size:9px}.nav{color:#aac0ce;background:0 0;border:0;justify-content:flex-start;gap:12px;width:100%;margin:3px 0;padding:14px 12px;font-size:12px}.nav.active{color:#c1efdf;background:#214858}.nav:hover{background:#214858}.sidebar-bottom{border-top:1px solid #2c4656;margin-top:auto;padding:20px 12px 0;font-size:11px}.sidebar-bottom p{color:#dce5ea;margin:16px 0 7px;font-size:14px}.live-dot{background:#61b69e;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.main{width:calc(100% - 226px);min-width:0;margin-left:226px}header{background:#fff;border-bottom:1px solid #e4eaef;justify-content:space-between;align-items:center;height:67px;padding:0 35px;display:flex}.crumb{color:#788b9a;align-items:center;gap:12px;font-size:11px;display:flex}.save-status{color:#708693;font-size:10px}main{max-width:1600px;margin:auto;padding:30px 35px}.title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:1.8px;color:#168276;font-size:9px;font-weight:700}.subtitle{color:#80909e;font-size:12px}.exports{gap:8px;display:flex}.filters{background:#fff;border:1px solid #e1e8ed;border-radius:9px;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:18px;margin:28px 0;padding:17px 20px;display:grid}.filters select{border:0;width:100%;padding:2px 0;font-size:12px;font-weight:600}.sectionline{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sectionline span{color:#8493a0;font-size:10px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px;display:grid}.kpi{background:#fff;border:1px solid #e1e8ed;border-radius:9px;padding:20px}.kpi-top{color:#657b8d;justify-content:space-between;gap:8px;font-size:11px;display:flex}.kpi-top svg{color:#91aaa9}.kpi strong{color:#1d364a;letter-spacing:-1px;margin:18px 0 8px;font-size:32px;font-weight:600;display:block}.kpi strong small{letter-spacing:0;font-size:14px;font-weight:400}.kpi p{color:#84929c;margin-bottom:15px;font-size:10px}.pill{color:#32816c;background:#e9f5f0;border-radius:4px;padding:5px 7px;font-size:9px;display:inline-block}.pill.neutral{color:#7b8b99;background:#f1f4f7}.chartgrid{grid-template-columns:1.9fr 1fr;gap:22px;display:grid}.panel{background:#fff;border:1px solid #e1e8ed;border-radius:10px;min-width:0;margin-bottom:23px;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.panel-heading p{color:#8595a2;margin-top:5px;font-size:11px}.chart{margin-left:-10px;font-size:11px}.insight{background:#edf5f2;border-color:#dcebe4;padding:25px}.insight h2{color:#1d5047;margin:16px 0 12px;font-size:25px;line-height:1.3}.insight>p{color:#64857d;font-size:11px}.focusitem{color:#428578;align-items:center;gap:12px;margin:22px 0;display:flex}.focusitem strong{color:#34574f;font-size:12px;display:block}.focusitem small{margin-top:4px;display:block}.primary{color:#fff;background:#168276;border-color:#168276}.primary:hover{color:#fff;background:#116c62}.insight button{width:100%;margin-top:4px}.compare-select{align-items:center;gap:10px;display:flex}.compare-select select{font-size:11px}.comparecards{grid-template-columns:1fr 1fr 1.3fr;gap:25px;display:grid}.comparecards>div{border-right:1px solid #e5ebef;padding-right:20px}.comparecards>div:last-child{border:0}.comparecards h3{color:#264658;margin:10px 0;font-size:24px}.comparecards h3 span{color:#97b5ae;margin:0 10px}.comparecards p{color:#6b838e;font-size:11px}.data-note{color:#8496a2;align-items:flex-start;gap:10px;padding:0 4px;font-size:10px;line-height:1.7;display:flex}.data-note svg{flex-shrink:0}footer{color:#97a6b0;border-top:1px solid #e0e7ec;justify-content:space-between;margin-top:25px;padding-top:20px;font-size:9px;display:flex}.scope{background:#edf5f2;border:1px solid #d8e7e1;border-radius:8px;margin-bottom:22px;padding:22px}.scope p{margin:10px 0;font-size:12px}.search{align-items:center;gap:8px;max-width:350px;margin-bottom:20px;display:flex}.search input{width:100%;font-size:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:#8396a3;background:#f6f8fa;padding:13px 10px;font-size:9px}td{border-bottom:1px solid #edf1f4;max-width:230px;padding:17px 10px}td small{margin-top:5px;display:block}td button{padding:6px 10px}progress{accent-color:#168276;width:100px}.empty{text-align:center;color:#94a6ae;padding:65px}.empty svg{margin:0 auto 16px}.empty h3{color:#647e8d;font-size:16px}.empty p{margin-top:8px;font-size:12px}.warning{color:#ad783e}.overlay{z-index:10;background:#0d233e80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:800px;max-height:92vh;padding:27px;overflow:auto;box-shadow:0 20px 80px #10253340}.formgrid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.formgrid label input,.formgrid label select{width:100%;font-size:12px}.wide{grid-column:1/-1}.help{color:#8595a2;font-size:11px}.checklist h3{margin:8px 0 16px}.checklist label{border-bottom:1px solid #edf1f4;flex-direction:row;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.checklist label select{width:90px}.modalfoot{border-top:1px solid #edf1f4;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.modalfoot span{color:#84949e;margin-right:auto;font-size:10px}.task{gap:10px;margin:10px 0;display:flex}.task input[type=text],.task input:not([type]){flex:1}.task input[type=checkbox]{width:17px}.wide h3 small{margin-top:5px;font-weight:400;display:block}@media (width<=1100px){.sidebar{width:190px}.main{width:calc(100% - 190px);margin-left:190px}main{padding:25px 20px}.kpis{grid-template-columns:repeat(2,1fr)}.chartgrid{grid-template-columns:1fr}.title-row{align-items:flex-start}.exports{flex-direction:column}.filters{grid-template-columns:1fr 1fr}}@media (width<=650px){.sidebar{width:auto;padding:18px;position:static}.sidebar .wordmark,.navcaption,.sidebar-bottom{display:none}.nav{width:auto;margin:0;padding:9px;font-size:10px;display:inline-flex}.nav svg{display:none}.shell{display:block}.main{width:100%;margin:0}header{height:50px;padding:0 20px}.save-status{max-width:140px}.kpis{gap:10px}.kpi{padding:14px}.kpi strong,h1{font-size:27px}.filters{gap:15px;padding:15px}.comparecards{grid-template-columns:1fr}.comparecards>div{border:0}.panel-heading{flex-wrap:wrap;align-items:flex-start}.formgrid{grid-template-columns:1fr}.wide{grid-column:1}.overlay{padding:10px}.modal{padding:20px}.exports button{padding:8px;font-size:10px}.sectionline span,footer span{display:none}}.authpage{background:linear-gradient(135deg,#112e40,#245a60);place-items:center;min-height:100vh;padding:24px;display:grid}.authcard{background:#fff;border-radius:16px;width:min(440px,100%);padding:35px;box-shadow:0 25px 80px #0003}.authcard h1{font-size:27px}.authcard label{margin:20px 0}.authcard input{font-size:16px}.authcard button{width:100%;margin:7px 0}.authcard p{color:#708390;font-size:12px}.autherror{background:#fff2ee;border-radius:7px;padding:12px;color:#b54b39!important;margin-top:16px!important}.authnotice{background:#e9f6ef;border-radius:7px;padding:12px;color:#277e67!important;margin-top:14px!important}.accessbadge{background:#f1f5f7;border-radius:5px;padding:7px 9px;font-size:10px}.accountbar{z-index:3;color:#abc0c8;background:#112e40;width:185px;font-size:10px;position:fixed;bottom:17px;left:19px}.accountbar button{margin-top:6px;padding:5px 8px}.accountbar small{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-bottom{margin-bottom:85px}.readonly{color:#98712e;background:#fff7e9;padding:10px;font-size:11px}.authcard .backbutton{background:0 0}.membersbox{border:1px solid #e0e7ec;border-radius:7px;padding:12px}.wide label{margin-top:10px}@media (width<=650px){.accountbar{background:#112e40;align-items:center;gap:15px;width:auto;padding:10px 20px;display:flex;position:static}.accountbar small{max-width:220px}.accountbar button{margin:0}}.shell{--accent:#168276;--sidebar:#112e40;--page-bg:#f4f7fa;--kpi-columns:4;background:var(--page-bg)}.shell .sidebar{background:var(--sidebar)}.shell .primary{background:var(--accent);border-color:var(--accent);color:#fff}.shell .eyebrow{color:var(--accent)}.shell .kpis{grid-template-columns:repeat(var(--kpi-columns),minmax(0,1fr))}.shell .kpi{border-top:3px solid var(--accent)}.shell.compact .kpi{padding:13px}.shell.compact .kpi strong{margin:10px 0}.chartgrid.single{grid-template-columns:1fr}.targetline{color:#6c8191;margin-top:10px;font-size:10px}.target-good{color:#287152;background:#e6f5ed}.target-bad{color:#a04e2b;background:#fff0e9}.settings-intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-intro p{color:#718594;margin-top:8px;font-size:12px}.settings-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-tabs{gap:10px;margin:0 0 20px;display:flex}.settings-warning{color:#85652c;background:#fff4df;border:1px solid #e8ce99;border-radius:8px;margin-bottom:20px;padding:15px;font-size:12px}.settings-message{color:#366171;background:#edf4f5;border-radius:6px;margin-bottom:15px;padding:14px;font-size:12px}.settings-layout{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.settings-layout input[type=color]{width:100%;height:42px;padding:4px}.settings-layout input,.definition input,.definition select{max-width:100%;font-size:12px}.toggleline{flex-direction:row;align-items:center;gap:10px;padding:12px 0;display:flex}.toggleline input{width:16px;height:16px;accent-color:var(--accent)}.definition{border:1px solid #dfe7ec;border-radius:8px;margin-bottom:18px;padding:22px}.definition-head{align-items:center;gap:15px;margin-bottom:20px;display:flex}.definition-head .settings-actions{margin-left:auto}.definition-head button{padding:7px}.previewcanvas{border:1px solid;border-radius:8px;margin:20px 0;padding:15px}.previewnav{color:#fff;margin:-15px -15px 20px;padding:12px;font-size:10px}.previewcanvas h3{font-size:19px}.previewcanvas p{margin:10px 0;font-size:11px}.previewcards{gap:8px;margin:20px 0;display:grid}.previewcards>div{overflow-wrap:anywhere;background:#fff;border-radius:5px;padding:10px 7px}.previewcards small{font-size:9px}.previewcards strong{margin-top:10px;font-size:22px;display:block}button:disabled{opacity:.48;cursor:not-allowed}.settings-intro h2{font-size:22px}.custom-trend{margin-top:20px}.kpi p{overflow-wrap:anywhere}.tablewrap table input{max-width:130px}@media (width<=1100px){.settings-layout{grid-template-columns:1fr}.settings-intro{flex-direction:column;align-items:flex-start}.shell .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.settings-actions{gap:5px}.settings-actions button{padding:8px;font-size:10px}.definition{padding:15px}.definition-head{flex-wrap:wrap}.definition-head strong{overflow-wrap:anywhere;max-width:100%}.shell .kpis{grid-template-columns:1fr 1fr}.settings-tabs button{font-size:11px}.shell .sidebar .nav{font-size:10px}}
