450;500;550;600;650;700;750;800&display=swap');
:root{font-family:'Golos Text',Arial,sans-serif;color:#24362f;background:#f6f7f4;font-size:14px;--green:#1d5949;--muted:#829088;--border:#e5eae4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:default}button:hover{filter:brightness(.96)}a{color:inherit}svg{vertical-align:middle;flex-shrink:0}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:32px 18px 20px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;letter-spacing:-1.2px;margin:0 15px 35px}.logo-mark{background:var(--green);color:#d9f5ba;border-radius:11px;width:34px;height:34px;display:grid;place-items:center}.agency{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:30px}.agency .initial{background:#f1eede;padding:8px;border-radius:8px;font-weight:650}.small{font-size:11px;color:var(--muted);line-height:1.5}.nav-label{font-size:10px;letter-spacing:1.5px;color:#9aa59e;margin:0 15px 11px}nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 15px;border-radius:8px;font-weight:500;margin-bottom:5px;color:#6a786f}nav button.active{background:#eaf1e8;color:#25523d}nav button em{margin-left:auto;background:#dce8d9;padding:2px 6px;border-radius:5px;font-size:10px;font-style:normal}.side-bottom{margin-top:auto}.demo-card{background:#f6f7ed;border:1px solid #e9ecd7;border-radius:10px;padding:15px;margin:24px 0}.demo-card b{font-size:12px}.demo-card p{font-size:11px;line-height:1.6;color:#7b856c;margin-bottom:0}.user{display:flex;align-items:center;gap:10px;padding:14px 5px 0;border-top:1px solid var(--border)}.avatar{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ecede7;color:#627663;font-size:11px;font-weight:600}.user b{font-size:12px}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff9}.breadcrumb{font-size:12px;color:#8d978f;display:flex;align-items:center;gap:10px}.top-right{display:flex;align-items:center;gap:15px;font-size:11px;color:#758277}.demo-dot{display:inline-block;width:6px;height:6px;background:#a7ba6c;border-radius:50%;margin-right:6px}.content{max-width:1520px;margin:auto;padding:33px 40px 40px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}h1{font-size:29px;font-weight:600;letter-spacing:-1.1px;margin:0 0 9px}h2{font-size:16px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:0}p.subtitle{color:#89958c;font-size:12px;margin:0;line-height:1.6}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:7px;padding:10px 14px;background:white;font-size:12px;font-weight:500;white-space:nowrap}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.ghost{background:transparent}.btn.danger{color:#b05b53}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#8c9b8e}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.card{background:#fff;border:1px solid var(--border);border-radius:11px}.kpi{padding:21px 22px}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#849386;font-size:12px}.kpi-top svg{color:#9aa997}.kpi strong{display:block;font-size:31px;font-weight:550;letter-spacing:-1px;margin:16px 0 8px}.kpi-foot{font-size:10px;color:#8d998e}.kpi-foot b{color:#4d8361;font-weight:500}.chart-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;margin-bottom:24px}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-head .subtitle{margin-top:7px}.chart{display:grid;grid-template-columns:32px 1fr;gap:8px;height:194px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#a2aaa1;padding-bottom:22px}.bars{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#edf0e9 42px,#edf0e9 43px);margin-bottom:22px}.month-group{height:100%;position:relative;display:flex;align-items:flex-end;gap:5px;justify-content:center;flex:1}.bar{width:26px;max-width:40%;border-radius:4px 4px 0 0;min-height:2px}.bar.first{background:#28624e}.bar.second{background:#d6e5bc}.month-label{position:absolute;bottom:-22px;color:#9da799;font-size:10px;white-space:nowrap}.legend{display:flex;gap:18px;font-size:10px;color:#899586;margin-top:14px}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px}.status-layout{display:flex;align-items:center;gap:25px;justify-content:center;min-height:190px}.donut{width:155px;height:155px;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0}.donut:after{content:'';position:absolute;inset:18px;background:#fff;border-radius:50%}.donut-center{z-index:1;text-align:center}.donut-center strong{font-size:31px;font-weight:550}.donut-center span{display:block;font-size:10px;color:#95a08f;margin-top:5px}.status-legend{flex:1}.status-legend p{display:flex;justify-content:space-between;gap:14px;font-size:11px;margin:15px 0}.status-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:8px}.insight{display:flex;align-items:center;gap:12px;border:1px solid #dae6cd;border-radius:8px;background:#f0f5e9;padding:14px 18px;font-size:12px;color:#60794b;margin:0 0 24px}.insight svg{color:#5a7d43}.insight button{margin-left:auto;white-space:nowrap;font-size:11px}.table-card{overflow:hidden}.table-top{display:flex;justify-content:space-between;align-items:center;padding:23px 24px}.table-top h2 span{font-size:11px;color:#92a087;font-weight:400;margin-left:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;color:#95a08f;font-weight:450;background:#fafbf8;padding:13px 23px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{padding:17px 23px;font-size:12px;border-bottom:1px solid #eef1ea}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcf7}td strong{font-size:12px;font-weight:550;display:block}td small{font-size:10px;color:#9ba48f;display:block;margin-top:5px}.score{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550}.score-bar{width:42px;height:4px;background:#e9eee3;border-radius:3px}.score-bar i{display:block;height:100%;background:#5c8952;border-radius:3px}.badge{font-size:10px;padding:5px 8px;border-radius:5px;display:inline-block;background:#edf2e7;color:#577a41}.badge.amber{background:#f9f0df;color:#ae8c4e}.badge.gray{background:#f0f1ee;color:#8f9889}.badge.red{background:#f7ebe6;color:#af7767}.table-foot{padding:14px 24px;display:flex;justify-content:space-between;color:#9aa590;font-size:10px}.toolbar{display:flex;gap:12px;margin-bottom:19px;align-items:center}.field{width:100%;padding:11px 12px;background:#fff;border:1px solid #dfe6db;border-radius:7px;color:#34493a;min-width:0}.search{max-width:300px}.toolbar select{max-width:200px}.muted{color:#98a18f}.back{font-size:12px;color:#7c8d75;padding:0;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:1fr 310px;gap:23px}.detail-hero{background:#1d5142;color:#fff;padding:27px;border-radius:10px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.detail-hero p{color:#bfd1bc;font-size:12px;line-height:1.7}.big-score{font-size:53px;letter-spacing:-3px}.detail-hero small{color:#bfd1bc;display:block;font-size:10px}.blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:20px}.block-stat{padding:19px}.block-stat strong{display:block;font-size:23px;margin:13px 0}.progress{height:5px;background:#eef1e9;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:#7c9d65}.meta-list{padding:0;margin:22px 0;list-style:none}.meta-list li{display:flex;justify-content:space-between;gap:15px;margin:20px 0;font-size:12px}.meta-list li span{color:#8d9a84}.risk{padding:14px;background:#fbf5e7;border-radius:7px;color:#9a7e44;font-size:12px;line-height:1.7;margin-top:12px}.builder-layout{display:grid;grid-template-columns:235px 1fr;gap:22px}.block-nav{padding:12px;height:max-content}.block-nav button{width:100%;padding:14px 12px;text-align:left;border-radius:6px;display:flex;justify-content:space-between;font-size:12px}.block-nav button.active{background:#edf3e6;color:#497341}.block-nav small{color:#94a086}.question{margin-top:16px;padding:20px}.question-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.question-header .field{font-weight:500}.q-label{font-size:10px;letter-spacing:1px;color:#95a18e;white-space:nowrap}.options{display:flex;flex-direction:column;gap:9px}.option-row{display:grid;grid-template-columns:1fr 75px 30px;gap:9px;align-items:center}.option-row input[type=number]{text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}label{display:block;font-size:11px;color:#819075;margin-bottom:7px}.block-settings{display:grid;grid-template-columns:1fr 120px;gap:14px;margin:22px 0}.builder-note{font-size:11px;color:#8c9882;line-height:1.8;margin-top:18px}.version{background:#f0f4e9;color:#7a8c64;padding:5px 8px;border-radius:4px;font-size:10px}.footer-note{font-size:10px;color:#a4ad9b;margin-top:25px;text-align:center}.empty{padding:60px;text-align:center;color:#8c9980}.overlay{position:fixed;inset:0;background:#153b2b70;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10;padding:20px}.dialog{background:#f9faf6;border-radius:15px;padding:28px;max-width:680px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #143b2c30}.dialog h2{font-size:21px;margin-bottom:22px}.dialog-head{display:flex;justify-content:space-between}.survey-q{margin:20px 0}.survey-q b{display:block;font-size:13px;margin-bottom:12px;font-weight:500}.radio-option{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--border);padding:11px;border-radius:7px;margin:7px 0;color:#5e7153;font-size:12px;cursor:pointer}.radio-option:has(input:checked){border-color:#6e975a;background:#eff5e9}.dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-top:1px solid var(--border);padding-top:19px}.step-line{display:flex;gap:5px;margin:20px 0}.step-line i{height:4px;flex:1;background:#e2e8da;border-radius:3px}.step-line i.active{background:#5c8650}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);transition:.25s;background:#204d3e;color:white;border-radius:8px;padding:14px 22px;z-index:50;font-size:12px;box-shadow:0 5px 30px #204d3e25}#toast.show{transform:translateX(-50%) translateY(0)}.mobile-brand{display:none}.team-row{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--border)}.team-row .grow{flex:1}.notice{font-size:12px;line-height:1.8;color:#8a987d;padding:16px;border-radius:8px;background:#f0f4e9;margin-top:20px}.pill{border:1px solid #e1e7da;border-radius:20px;padding:5px 10px;font-size:10px;color:#8c987e}@media(min-width:1550px){.content{padding-top:42px}.kpi{padding:27px}.chart{height:230px}.status-layout{min-height:225px}}@media(max-width:1100px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:26px 12px}.content{padding:25px}.topbar{padding:0 25px}.chart-grid{grid-template-columns:1.3fr 1fr}.status-layout{gap:13px}.donut{width:120px;height:120px}.kpis{gap:10px}.kpi{padding:17px}.builder-layout{grid-template-columns:180px 1fr}.detail-grid{grid-template-columns:1fr 260px}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;padding:12px;align-items:center;gap:10px;border-bottom:1px solid var(--border);border-right:0}.logo{margin:0;font-size:20px}.logo-mark{width:28px;height:28px}.agency,.nav-label,.side-bottom{display:none}nav{display:flex;margin-left:auto}nav button{padding:10px;gap:5px;margin:0;font-size:11px}nav em,nav svg{display:none!important}.topbar{height:51px;padding:0 20px}.content{padding:23px 18px}.page-head{align-items:flex-start;flex-wrap:wrap;gap:16px}h1{font-size:25px}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:27px}.chart-grid{grid-template-columns:1fr}.status-layout{justify-content:flex-start}.status-legend{max-width:300px}.detail-grid{grid-template-columns:1fr}.builder-layout{display:block}.block-nav{display:flex;overflow:auto;margin-bottom:15px}.block-nav button{min-width:135px}.block-nav .builder-note{display:none}.insight{align-items:flex-start;line-height:1.6}.insight button{display:none}.table-top{padding:18px}.toolbar{flex-wrap:wrap}.top-right .date{display:none}.form-row{grid-template-columns:1fr}.btn{padding:9px 11px}.builder-head{flex-wrap:wrap}.option-row{grid-template-columns:1fr 65px 25px}.question{padding:14px}.question-header{gap:7px}.q-label{display:none}.blocks{grid-template-columns:1fr 1fr}}