@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#12231e;--ink:#10231d;--green:#0b5d46;--lime:#d9ff65;--line:#d8e0db;background:#eef2ef;font-family:DM Sans,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:235px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#0d2a21;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 27px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand span,.asidefoot span{color:#a3b8b0;font-size:12px}.logo{background:var(--lime);color:#183a2e;border-radius:12px;place-items:center;width:37px;height:37px;font:800 21px Manrope;display:grid}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#afc2bb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 13px;font:500 14px inherit;display:flex}nav button.active{color:#fff;background:#194236}.protip{background:#163b30;border:1px solid #285247;border-radius:14px;flex-direction:column;gap:6px;margin-top:auto;padding:15px;display:flex}.protip svg{color:var(--lime)}.protip b{font-size:13px}.protip span{color:#aec2ba;font-size:12px;line-height:1.45}.asidefoot{border-top:1px solid #27453c;align-items:center;gap:9px;margin-top:18px;padding:18px 4px 0;display:flex}.asidefoot>div:nth-child(2){flex-direction:column;flex:1;display:flex}.asidefoot b{font-size:12px}.avatar{background:#386353;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}main{min-width:0}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;height:96px;padding:22px 30px;display:flex}header>div:first-child{margin-right:auto}h1,h2,h3{color:var(--ink);margin:0;font-family:Manrope}h1{font-size:23px}header p,.sectiontitle p{color:#6b7b75;margin:4px 0 0;font-size:13px}button{font-family:inherit}.save,.review,.filter,.sectiontitle button{border:1px solid var(--line);color:#29443b;background:#fff;border-radius:10px;padding:11px 15px;font-weight:600}.review{color:#fff;background:#0b5d46;border-color:#0b5d46}.review span{background:var(--lime);color:#183b2f;border-radius:10px;margin-left:8px;padding:2px 7px}.setup{border-bottom:1px solid var(--line);background:#fff;padding:15px 30px}.stepmark{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.stepmark svg{color:var(--green)}.stepmark small{color:#7b8b85;margin-left:auto}.setupgrid{grid-template-columns:1fr 1fr 1.1fr;align-items:end;gap:18px;display:grid}.setupgrid label{color:#40544d;font-size:12px;font-weight:700}.seg{border:1px solid var(--line);border-radius:9px;margin-top:6px;padding:3px;display:flex}.seg button{color:#62736d;background:0 0;border:0;border-radius:6px;flex:1;padding:7px 6px;font-size:12px}.seg button.on{color:#075b42;background:#daf7eb;font-weight:700}.note{color:#52645d;background:#f1f6f3;border-radius:9px;align-items:center;gap:9px;height:50px;padding:9px 12px;font-size:12px;line-height:1.25;display:flex}.note svg{color:#0b7656;flex:none}.toolbar{align-items:center;gap:10px;padding:18px 30px 8px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;width:430px;height:43px;padding:0 13px;display:flex}.search input{border:0;outline:0;width:100%;font:14px inherit}.filter{gap:7px;display:flex}.count{color:#75827e;margin-left:auto;font-size:13px}.content{grid-template-columns:minmax(480px,1fr) 330px;gap:20px;padding:10px 30px 40px;display:grid}.catalog{min-width:0}.sectiontitle{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sectiontitle h2{font-size:18px}.sectiontitle button{padding:8px 12px}.grid{grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;transition:all .2s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #16382c12}.device{background:#e5eee9;place-items:center;height:104px;display:grid;position:relative}.device>span{letter-spacing:.08em;font-size:11px;font-weight:800;position:absolute;top:11px;left:12px}.device>small{background:#ffffffc9;border-radius:6px;padding:3px 6px;font-weight:700;position:absolute;bottom:9px;right:10px}.deviceicon{color:#0a6a4d;background:#fff;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 7px 18px #31544718}.security{background:#e8e8f6}.internet{background:#e5eef6}.lighting{background:#f0eddf}.cardbody{padding:14px}.eyebrow{color:#76847f;letter-spacing:.06em;font-size:10px;font-weight:700}.card h3{margin-top:4px;font-size:15px}.card p{color:#64756f;margin:4px 0 9px;font-size:12px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#4e625b;background:#edf2ef;border-radius:5px;padding:4px 6px;font-size:10px}.warning{color:#a24f17;margin-top:8px;font-size:10px;font-weight:700}.price{border-top:1px solid #edf0ee;align-items:center;margin-top:12px;padding-top:11px;display:flex}.price>div{flex-direction:column;display:flex}.price small{color:#788680;font-size:9px}.price strong{font:700 14px Manrope}.price button{color:#fff;cursor:pointer;background:#0d5f48;border:0;border-radius:8px;place-items:center;width:33px;height:33px;margin-left:auto;display:grid}.estimate{height:fit-content;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;position:sticky;top:20px}.estimatehead{border-bottom:1px solid #e7ebe8;align-items:start;padding-bottom:14px;display:flex}.estimatehead>div{flex:1}.estimatehead small{color:#0b7656;letter-spacing:.12em;font-size:9px;font-weight:800}.estimatehead h2{margin-top:3px;font-size:16px}.estimatehead button{background:0 0;border:0}.estitems{padding:5px 0}.estrow{border-bottom:1px solid #eef1ef;gap:8px;padding:12px 0;font-size:12px;display:flex}.estrow div{flex-direction:column;flex:1;display:flex}.estrow span{color:#788680;margin-top:3px}.addroom{color:#0a6a4d;background:0 0;border:0;align-items:center;gap:6px;padding:9px 0;font-weight:700;display:flex}.totals{background:#f1f5f2;border-radius:11px;margin-top:7px;padding:12px}.totals>div{justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.grand{border-top:1px solid #dbe3de;align-items:end;margin-top:6px;padding-top:10px!important}.grand span{flex-direction:column;font-weight:700;display:flex}.grand small{color:#788680;margin-top:2px;font-weight:400}.grand b{color:#075a42;font:800 19px Manrope}.continue{background:var(--lime);color:#193c30;border:0;border-radius:10px;width:100%;margin-top:12px;padding:13px;font-weight:800}.estimatefine{text-align:center;color:#81908a;margin:9px 0 0;font-size:10px}@media (width<=1150px){.grid{grid-template-columns:repeat(2,1fr)}.setupgrid{grid-template-columns:1fr 1fr}.note{grid-column:span 2}}@media (width<=850px){.app{grid-template-columns:1fr}.app>aside{display:none}header{flex-wrap:wrap;height:auto;padding:18px}header>div:first-child{width:100%}.setup,.toolbar,.content{padding-left:18px;padding-right:18px}.content{grid-template-columns:1fr}.estimate{position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.setupgrid{grid-template-columns:1fr}.note{grid-column:auto}.search{width:100%}.count{display:none}.grid{grid-template-columns:1fr}.content{padding-bottom:20px}.save{display:none}}.app>aside{overflow:auto}.setupgrid{grid-template-columns:repeat(4,1fr)}.setupgrid .note{grid-column:span 2}.card{cursor:pointer}.role{border:1px solid var(--line);color:#29443b;background:#fff;border-radius:10px;padding:10px;font-weight:700}@media (width<=1200px){.setupgrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.setupgrid{grid-template-columns:1fr}.setupgrid .note{grid-column:auto}}