@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--verde:#123d32;--verde2:#1f6f54;--verde3:#2fa36b;--ambar:#e9a23b;--azul:#3b82c4;--violeta:#8b5cf6;--coral:#e76f51}.shell{background:radial-gradient(900px 420px at 88% -8%,#d6efe1 0,transparent 62%),radial-gradient(760px 380px at 8% -6%,#fdf0d2 0,transparent 58%),linear-gradient(180deg,#eef6f1 0,#f3f7f4 420px)}.shell .sidebar{background:linear-gradient(180deg,#fff 0,#f1f9f4 55%,#e6f4eb)}.shell .mark{background:linear-gradient(135deg,#123d32 0,#1f6f54 55%,#2fa36b 130%);box-shadow:0 6px 14px #2fa36b44}.shell .brand b span{color:var(--verde3)}.shell .shop{background:linear-gradient(135deg,#eaf7ef 0,#dff2e7 60%,#f6fbea);border-color:#cfe6d8;transition:box-shadow .15s}.shell .shop:hover{box-shadow:0 4px 14px #2fa36b26}.shell .shop-avatar{background:linear-gradient(135deg,#2fa36b,#1f6f54);color:#fff}.shell .nav{transition:background .15s,color .15s}.shell .nav:hover{background:linear-gradient(90deg,#e8f5ed,#f3faf6);color:#15543e}.shell .nav.active{background:linear-gradient(90deg,#cdeed9 0,#e9f7ee 70%,#f4fbf6);color:#0f4a36;box-shadow:inset 3px 0 0 var(--verde3)}.shell .nav.active svg{color:var(--verde3)}.shell .count{background:linear-gradient(135deg,#d3ecdb,#c2e6cf);color:#1f6f54;font-weight:700}.shell .upgrade{background:linear-gradient(135deg,#fff8e1 0,#ffe7ae);border-color:#f1d28a}.shell .upgrade b{color:#8a5a0b}.shell .upgrade p{color:#8d7440}.shell .upgrade button{background:linear-gradient(135deg,#123d32 0,#1f6f54 60%,#2fa36b 140%)}.shell .user-avatar,.shell .avatar{background:linear-gradient(135deg,#2fa36b,#1f6f54);color:#fff}.shell header{background:linear-gradient(90deg,#fff 0,#eefaf3 60%,#fff8e8);border-bottom-color:#d8eadf}.shell header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#2fa36b,#e9a23b,#3b82c4,#8b5cf6)}.shell .crumb b{color:var(--verde2)}.shell .demo{background:linear-gradient(135deg,#fff8e1,#ffeec2);border-color:#f1d28a;color:#8a5a0b}.shell .eyebrow{color:var(--verde3)}.shell .heading h1{background:linear-gradient(90deg,#123d32 0,#1f6f54 55%,#2fa36b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.shell h2{color:var(--verde)}.shell .primary{background:linear-gradient(135deg,#123d32 0,#1f6f54 55%,#2fa36b 130%);border-color:#123d32;box-shadow:0 6px 14px #123d3230}.shell .primary:hover{filter:brightness(1.12)}.shell .secondary{background:linear-gradient(180deg,#fff,#eff8f2);border-color:#cfe3d7;color:#1f6f54}.shell .secondary:hover{background:linear-gradient(180deg,#f6fbf8,#e4f3ea)}.shell .button:disabled{opacity:.5;cursor:not-allowed}.shell .notice{background:linear-gradient(90deg,#dcebfa 0,#eaf4fd 60%,#f1f8fe);border-color:#cfe2f4;color:#2b6cb0}.shell .notice p{color:#5b7a99}.shell .metric{border-top:3px solid var(--verde3);transition:transform .15s,box-shadow .15s}.shell .metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px #12302514}.shell .metrics .metric:nth-child(1){background:linear-gradient(160deg,#fff 55%,#e8f7ee)}.shell .metrics .metric:nth-child(1) .metric-icon{background:linear-gradient(135deg,#2fa36b,#1f6f54);color:#fff}.shell .metrics .metric:nth-child(2){border-top-color:var(--ambar);background:linear-gradient(160deg,#fff 55%,#fff3d9)}.shell .metrics .metric:nth-child(2) .metric-icon{background:linear-gradient(135deg,#f3b957,#d98a1a);color:#fff}.shell .metrics .metric:nth-child(3){border-top-color:var(--azul);background:linear-gradient(160deg,#fff 55%,#e6f0fb)}.shell .metrics .metric:nth-child(3) .metric-icon{background:linear-gradient(135deg,#5a9ad6,#2b6cb0);color:#fff}.shell .metrics .metric:nth-child(4){border-top-color:var(--violeta);background:linear-gradient(160deg,#fff 55%,#f0eafe)}.shell .metrics .metric:nth-child(4) .metric-icon{background:linear-gradient(135deg,#a285f5,#6d3fd6);color:#fff}.shell .metrics .metric:nth-child(5){border-top-color:var(--coral);background:linear-gradient(160deg,#fff 55%,#ffeee9)}.shell .panel{background:linear-gradient(180deg,#fff 0,#f8fcf9);border-color:#dbeadf;box-shadow:0 1px 2px #1230250a}.shell .panel h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2fa36b,#1f6f54);margin-right:8px;vertical-align:1px}.shell .columns>.panel:nth-child(2) h3:before{background:linear-gradient(135deg,#f3b957,#d98a1a)}.shell .feature:nth-of-type(1)>span{background:linear-gradient(135deg,#2fa36b,#1f6f54);color:#fff}.shell .feature:nth-of-type(2)>span{background:linear-gradient(135deg,#f3b957,#d98a1a);color:#fff}.shell .feature:nth-of-type(3)>span{background:linear-gradient(135deg,#5a9ad6,#2b6cb0);color:#fff}.shell th{background:linear-gradient(90deg,#f0f8f3,#e8f4ec);color:#5e7d6a}.shell tbody tr:hover td{background:#f7fbf8}.shell .link{color:var(--verde2)}.shell .tiny{background:linear-gradient(180deg,#fff,#eaf5ee)}.shell .search{border-color:#cfe3d7}.shell .search:focus-within{border-color:var(--verde3);box-shadow:0 0 0 3px #2fa36b22}.shell .field input:focus,.shell .modal input:focus{outline:0;border-color:var(--verde3);box-shadow:0 0 0 3px #2fa36b22}.shell .result{background:linear-gradient(145deg,#123d32 0,#1b6a50 60%,#2fa36b 130%)}.shell .track i{background:linear-gradient(90deg,#8fe1ad,#e9f7a0)}.shell .stock{background:linear-gradient(135deg,#e1f4e8,#d3efdf);color:#1f8a57}.shell .stock.low{background:linear-gradient(135deg,#fff1d6,#ffe6b8);color:#a8690f}.shell .stock.out{background:linear-gradient(135deg,#fde3df,#fbd0ca);color:#c0392b}.shell .hint{background:linear-gradient(90deg,#eaf3fb,#f3f8fd);color:#4a6d8c}.shell .modal{position:relative;background:linear-gradient(180deg,#fff 0,#f8fcf9)}.shell .modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#2fa36b,#e9a23b,#3b82c4)}.shell .modal-head h2{color:var(--verde)}.print-doc,.print-cab{display:none}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff!important}.shell{background:#fff!important;min-height:0!important}.sidebar,.overlay,.modal-bg,main>header{display:none!important}main{margin-left:0!important}.content{padding:0!important;max-width:none!important}.metric,.panel{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.metric:hover{transform:none!important}body.modo-doc .shell>*:not(.print-doc){display:none!important}body.modo-doc .print-doc,body.modo-relatorio .print-cab{display:block!important}body.modo-relatorio .content button{display:none!important}body.modo-dre .fin-extra,body.modo-dre .content>.heading,body.modo-dre .content .hint{display:none!important}body.modo-dre .dre-print{border:0!important;padding:0!important}}.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}.sidebar .nav{flex-shrink:0;height:42px;min-height:42px}.recolher{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3b5a48;flex-shrink:0}.recolher:hover{background:#eef7f1}.shell .sidebar{transition:transform .2s}main{transition:margin-left .2s}.shell.recolhido .sidebar{transform:translate(-100%)}.shell.recolhido main{margin-left:0}@media(max-width:700px){.recolher{display:none}.shell.recolhido .sidebar.open{transform:translate(0)}}.modal.modal-venda{width:min(100%,760px);padding:20px 22px}.venda-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;margin:14px 0 10px}.venda-grid>label,.venda-grid>.venda-campo{margin:0;display:grid;gap:6px;font-size:10px;color:#5b6d60;font-weight:700}.venda-grid .inteiro{grid-column:1/-1}.venda-grid input,.venda-grid select{height:40px}.modal-venda select{padding:0 10px!important;font-size:14px!important;border:1px solid #dfe7e1!important;border-radius:8px!important;background:#fff}.modal-venda .hint{margin:6px 0}@media(max-width:700px){.venda-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.venda-grid{grid-template-columns:1fr}}.barra-juntar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:12px 16px;border-bottom:1px solid #edf1ed;background:#fafcfa;font-size:13px;color:#5b6d60}.barra-juntar b{color:#123d32}.barra-juntar .button{padding:8px 14px}.barra-juntar .button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.painel-fiscal-grid{grid-template-columns:1fr!important}.painel-fiscal-grid>div:last-child{border-left:0!important;padding-left:0!important;border-top:1px solid #eef2ef;padding-top:12px}}@media(max-width:760px){.fiscal-endereco{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.pub-detalhe{padding-left:14px!important}}.login{position:relative;min-height:100vh;overflow:hidden;color:#fff;font-family:DM Sans,sans-serif;background:radial-gradient(900px 520px at 90% -10%,#2fa36b55 0,transparent 60%),radial-gradient(760px 480px at -5% 105%,#e9a23b30 0,transparent 55%),linear-gradient(145deg,#0a2a21 0,#123d32 55%,#1b6a50 125%)}.login-fundo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.login-conteudo{position:relative;z-index:1;min-height:100vh;max-width:1240px;margin:0 auto;padding:44px 48px;display:grid;grid-template-columns:1.1fr minmax(340px,420px);gap:56px;align-items:center}.login-texto{display:flex;flex-direction:column;gap:44px}.login-brand{display:flex;align-items:center;gap:16px}.login-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#2fa36b,#1f6f54);display:grid;place-items:center;font:800 25px Manrope,sans-serif;color:#e2f5e8;box-shadow:0 10px 26px #00000045}.login-brand b{font:800 42px Manrope,sans-serif;letter-spacing:-1.8px;display:block;line-height:1.05}.login-brand b span{font-weight:500;color:#7fe0ad}.login-brand small{font-size:11px;letter-spacing:2px;color:#a9cdb9}.login-texto h2{font:800 38px/1.12 Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 16px}.login-texto h2 span{background:linear-gradient(90deg,#7fe0ad,#f6c56a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.login-texto p{color:#c4dccf;font-size:16px;line-height:1.65;margin:0 0 20px;max-width:480px}.login-pontos{display:grid;gap:11px;margin:0;padding:0;list-style:none;font-size:15px;color:#e3f1e9}.login-pontos li{display:flex;align-items:center;gap:10px}.login-pontos i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#7fe0ad,#2fa36b);flex:0 0 auto}.login-pontos li:nth-child(2) i{background:linear-gradient(135deg,#f6c56a,#d98a1a)}.login-pontos li:nth-child(3) i{background:linear-gradient(135deg,#8fc1ee,#3b82c4)}.login-form-wrap{display:grid;place-items:center}.login-card{position:relative;overflow:hidden;width:100%;max-width:420px;color:#24352b;background:linear-gradient(180deg,#fff 0,#f8fcf9);border:1px solid #ffffff55;border-radius:18px;padding:30px 28px 26px;box-shadow:0 30px 70px #00000040}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2fa36b,#e9a23b,#3b82c4)}.login-card h1{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin:6px 0 4px;background:linear-gradient(90deg,#123d32,#2fa36b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.login-card .sub{color:#6b7f72;font-size:14px;margin:0 0 20px}.login-card input{width:100%;height:46px;padding:0 13px;margin-bottom:12px;border:1px solid #d6e3da;border-radius:10px;font:inherit;font-size:15px;box-sizing:border-box;background:#fff;color:#24352b}.login-card input:focus{outline:0;border-color:#2fa36b;box-shadow:0 0 0 3px #2fa36b22}.login-btn{width:100%;height:48px;border:0;border-radius:10px;color:#fff;font:700 15px DM Sans,sans-serif;cursor:pointer;background:linear-gradient(135deg,#123d32 0,#1f6f54 55%,#2fa36b 130%);box-shadow:0 8px 18px #123d3235}.login-btn:hover{filter:brightness(1.1)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-msg{color:#9a3412;font-size:14px;margin:12px 0 0}.login-nota{background:linear-gradient(90deg,#eaf3fb,#f3f8fd);color:#4a6d8c;border-radius:10px;font-size:13px;line-height:1.5;padding:10px 12px;margin:2px 0 6px}.login-troca{text-align:center;margin:16px 0 0}.login-troca button{background:none;border:0;color:#1f6f54;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}@media(max-width:900px){.login-conteudo{grid-template-columns:1fr;gap:28px;padding:28px 18px 40px;align-items:start}.login-texto{gap:22px}.login-mark{width:52px;height:52px;font-size:21px;border-radius:15px}.login-brand b{font-size:34px}.login-texto h2{font-size:26px}.login-texto p{font-size:14px;margin-bottom:0}.login-pontos{display:none}}:root{font-family:DM Sans,sans-serif;color:#24352b;background:#f5f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#123d32;--mint:#ddf4e6;--line:#e5ebe6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 28px}.mark{width:39px;height:39px;border-radius:12px;background:var(--green);color:#e2f5e8;display:grid;place-items:center;font-weight:800;font-size:17px}.brand b{font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:var(--green);display:block}.brand b span{font-weight:500}.brand small{font-size:8px;letter-spacing:1.4px;color:#819087}.shop{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fafcfa}.shop-avatar,.user-avatar,.avatar{width:33px;height:33px;border-radius:9px;background:#e0f1e5;color:#275d40;display:grid;place-items:center;font-weight:700}.shop>div:nth-child(2),.user>div:nth-child(2){flex:1;display:grid;gap:3px}.shop b,.user b{font-size:11px}.shop small,.user small{font-size:9px;color:#849087}.shop>svg{color:#849087}.label,.eyebrow{font-size:9px;letter-spacing:1.4px;color:#89978d;font-weight:700}.label{margin:28px 10px 10px}.nav{height:42px;border:0;background:transparent;color:#6d7b71;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 12px;margin:2px 0;text-align:left;font-size:11px}.nav.active{background:#e9f5ec;color:#15543e;font-weight:700}.count{margin-left:auto;background:#d8ecde;border-radius:5px;padding:3px 6px}.side-bottom{margin-top:auto}.upgrade{background:#f1f7f2;border:1px solid #e1ede3;padding:14px;border-radius:11px;margin-bottom:16px}.upgrade b{font-size:11px}.upgrade p{font-size:10px;color:#758378;line-height:1.6}.upgrade button{width:100%;padding:9px;border:0;border-radius:7px;background:var(--green);color:#fff;font-size:10px;font-weight:700}.user{border-top:1px solid var(--line);padding:15px 4px 0;display:flex;align-items:center;gap:9px}.user-avatar,.avatar{border-radius:50%;font-size:10px}.close,.hamb{display:none}main{margin-left:245px}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;gap:16px;position:sticky;top:0;z-index:5}.crumb{font-size:11px;color:#849087;flex:1}.crumb span{margin:0 9px;color:#c2ccc4}.crumb b{color:#34483a}.demo{font-size:9px;background:#f1f7f2;border:1px solid #e3eee5;border-radius:20px;padding:8px 10px;color:#607a67}.demo:first-letter{color:#d4a044}.content{max-width:1450px;margin:auto;padding:34px 35px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.heading h1{font:800 27px Manrope,sans-serif;letter-spacing:-1px;color:#193b2e;margin:8px 0}.heading p{font-size:12px;color:#849087;margin:0}.eyebrow{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:8px;font-size:11px;font-weight:700}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.secondary{background:#fff;border:1px solid #dfe7e1;color:#3b5a48}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#edf7ef;border:1px solid #deeee1;border-radius:10px;color:#246b47;margin-bottom:26px}.notice>svg{flex-shrink:0}.notice b{font-size:11px}.notice p{font-size:10px;line-height:1.5;color:#698171;margin:5px 0 0}h2{font-size:14px;margin:0 0 5px}.muted{font-size:10px;color:#89958d;margin:5px 0 15px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0 20px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.metric{padding:17px;min-width:0}.metric-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e5f4e9;color:#28734d}.metric-icon svg{width:18px}.metric>p{font-size:10px;color:#849087;margin:14px 0 7px}.metric>strong{font:800 22px Manrope,sans-serif;letter-spacing:-.8px;white-space:nowrap}.metric>small{display:block;font-size:9px;color:#98a39b;margin-top:7px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.panel{padding:20px;min-width:0}.panel h3{font-size:13px;margin:0 0 7px}.feature{display:flex;gap:11px;border-top:1px solid #edf1ed;padding:14px 0}.feature>span{width:29px;height:29px;border-radius:8px;background:#eaf5ec;color:#32714b;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.feature b{font-size:11px}.feature p{font-size:10px;color:#829087;margin:5px 0 0;line-height:1.6}.channel{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eff2ef}.channel-icon{width:34px;height:34px;border-radius:9px;background:#fff0c4;display:grid;place-items:center;font-weight:800;font-size:10px}.c1{background:#ffeadb;color:#c85e2a}.c2{background:#252a27;color:#fff}.channel>div:nth-child(2){flex:1;display:grid;gap:4px}.channel b{font-size:11px}.channel small{font-size:9px;color:#97a199}.channel>span{font-size:9px;color:#718c77;background:#f1f7f2;padding:6px;border-radius:5px}.product-panel{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 13px}.panel-head h3{margin:0}.panel-head p{margin:5px 0 0}.link{border:0;background:transparent;color:#347452;font-size:10px;font-weight:700}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.8px;color:#89958d;background:#fafcfa;padding:12px 15px;border-top:1px solid #edf1ed;border-bottom:1px solid #edf1ed}td{font-size:10px;color:#59695e;padding:14px 15px;border-bottom:1px solid #eff2ef}td b{font-size:10px;color:#34473a}tr:last-child td{border-bottom:0}.stock{background:#edf7ef;color:#47805b;padding:5px 7px;border-radius:5px;font-size:9px}.stock.low{background:#fff5e7;color:#b47b2c}.stock.out{background:#fff0ee;color:#c95f53}.footnote{font-size:9px;line-height:1.6;color:#98a49b;margin-top:17px}.searchrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:10px;color:#89958d}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;height:40px;padding:0 11px;width:min(100%,410px);color:#87948a}.search input{border:0;outline:0;width:100%;font-size:11px}.tiny{width:26px;height:25px;border:1px solid var(--line);background:#f5f8f5;border-radius:5px;color:#37694a}.tiny:disabled{opacity:.4}.empty{margin-top:15px;text-align:center;padding:50px 20px;color:#4c8060}.empty h3{color:#2d4334;margin-top:16px}.empty p{font-size:11px;color:#849087}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.explainer{margin-top:18px;max-width:750px}.explainer p{font-size:11px;line-height:1.8;color:#77867b}.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.field,.modal label{display:grid;gap:8px;font-size:10px;color:#5b6d60;font-weight:700;margin:18px 0}.field input,.modal input{height:41px;border:1px solid #dfe7e1;border-radius:8px;padding:0 11px;color:#2b4033;width:100%}.hint{font-size:10px;line-height:1.6;background:#f5f8f5;padding:12px;border-radius:8px;color:#7c8b7f}.result{background:var(--green);color:#fff;border-radius:13px;padding:23px}.result>small{color:#d7e9dd;font-size:9px;letter-spacing:1px}.result>p{font-size:10px;color:#c2d8ca;margin:30px 0 5px}.result>strong{font:800 34px Manrope,sans-serif;letter-spacing:-1px}.result>strong.negative{color:#ffb6a9}.margin{display:flex;justify-content:space-between;margin-top:23px;font-size:10px;color:#c7dbcd}.margin b{color:#fff}.track{height:5px;background:#fff2;border-radius:5px;margin-top:10px;overflow:hidden}.track i{height:100%;display:block;background:#8fe1ad}.breakdown{border-top:1px solid #ffffff25;margin-top:22px;padding-top:12px}.breakdown p{display:flex;justify-content:space-between;font-size:10px;color:#d0e0d5}.breakdown b{color:#fff}.disclaimer{font-size:9px;line-height:1.6;color:#b5d0bf}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10281fc2;display:grid;place-items:center;padding:20px}.modal{width:min(100%,440px);background:#fff;border-radius:14px;padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font:800 20px Manrope,sans-serif;color:var(--green)}.modal-head p{font-size:10px;color:#849087}.modal-head button{border:0;background:#fff;color:#637267}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.empty-text{padding:25px;text-align:center;color:#849087;font-size:11px}.overlay{display:none}@media(max-width:1050px){.sidebar{width:220px}main{margin-left:220px}.content{padding:27px 22px}header{padding:0 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns,.calc-layout{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s;width:260px}.sidebar.open{transform:translate(0);box-shadow:10px 0 50px #0002}.close,.hamb{display:grid;place-items:center;background:transparent;border:0;color:#637267}.brand{width:100%}.close{margin-left:auto}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#10281f80;border:0}main{margin-left:0}header{height:60px;padding:0 14px;gap:10px}.demo{font-size:0;padding:8px}.avatar{width:29px;height:29px}.content{padding:24px 14px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:24px}.heading .button{width:100%}.metrics{gap:9px}.metric{padding:13px 11px}.metric>strong{font-size:19px}.metric>p{font-size:9px}.metric>small{font-size:8px}.columns{gap:12px}.panel{padding:15px}.product-panel{padding:0}.panel-head{padding:15px}.three{grid-template-columns:1fr}.three .metric{padding:15px}.three .metric>strong{font-size:22px}.form-two{grid-template-columns:1fr;gap:0}.modal{padding:19px}.modal-actions .button{flex:1}.result{padding:19px}}