:root{font-family:Inter,system-ui,Arial,sans-serif;color:#24374a;background:#f5f8fb}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce8ee;padding:19px max(22px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}header strong{font-size:22px}header span{color:#32886b}header small,.note,footer{color:#607587}main{max-width:1120px;margin:30px auto;padding:0 20px}nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}button{border:1px solid #bdd7e6;background:white;border-radius:10px;padding:11px 17px;color:#24374a;font-weight:650;cursor:pointer}button:hover,button.selected{background:#58b5e8;color:#092c40}button:disabled{opacity:.5;cursor:not-allowed}.panel{display:none;background:#fff;border:1px solid #e0e9ef;border-radius:16px;padding:30px;box-shadow:0 3px 16px #213f5010}.panel.active{display:block}h1{font-size:28px;margin:0 0 14px}h2{margin-top:28px;font-size:20px}p{line-height:1.6}aside{background:#fff6e8;border-left:4px solid #e8a44a;padding:15px;border-radius:8px}.steps,.fields,.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.steps article,.kpis article{padding:18px;background:#f5f8fb;border-radius:12px}label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:8px 0}input,select,textarea{font:inherit;border:1px solid #b9cedb;border-radius:9px;padding:11px;background:#fff;max-width:100%;color:#24374a}textarea{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button:first-child{background:#58b5e8;border-color:#58b5e8}canvas{width:100%;height:auto;border:1px solid #e0e9ef;border-radius:10px}footer{text-align:center;padding:25px}@media(max-width:650px){.fields,.steps,.kpis{grid-template-columns:1fr}.panel{padding:18px}header{flex-direction:column;align-items:flex-start}}