:root{--ink:#15211a;--muted:#667069;--line:#e2e7e2;--paper:#f4f6f3;--white:#fff;--green:#174c36;--green-2:#237653;--lime:#c9f26b;--amber:#e8aa42;--blue:#5d8fa8;--shadow:0 18px 55px rgba(20,45,31,.09);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#121c17;color:#eaf1ec;padding:30px 22px 24px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.7px;padding:0 8px 28px}.brand b{color:var(--lime)}.brand-mark{width:37px;height:37px;border-radius:11px;background:var(--lime);display:grid;place-items:center}.brand-mark svg{width:22px;fill:none;stroke:#15271d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar nav{display:grid;gap:7px;margin-top:14px}.nav-item{height:48px;border:0;border-radius:12px;background:transparent;color:#9eaca4;display:flex;gap:12px;align-items:center;padding:0 13px;font-weight:600;text-align:left}.nav-item svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active,.nav-item:hover{background:#203128;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.sidebar-help{margin-top:auto;background:#1d2b24;border:1px solid #2b3d33;border-radius:16px;padding:17px}.help-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--lime);color:#162219;font-weight:800;margin-bottom:12px}.sidebar-help strong{font-size:13px}.sidebar-help p{color:#96a69d;font-size:11px;line-height:1.55;margin:7px 0 0}.operator{border-top:1px solid #27362e;margin-top:22px;padding:20px 4px 0;display:flex;gap:11px;align-items:center}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#325541;color:var(--lime);font-size:11px;font-weight:700}.operator strong,.operator small{display:block}.operator strong{font-size:12px}.operator small{font-size:10px;color:#7f9087;margin-top:2px}main{margin-left:256px;min-height:100vh}.topbar{height:98px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,246,243,.9);border-bottom:1px solid #e4e8e3;backdrop-filter:blur(12px);position:sticky;top:0;z-index:8}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#809086;font-weight:700;margin:0 0 7px}.topbar h1{font:700 24px/1.1 Manrope,sans-serif;margin:0;letter-spacing:-.6px}.primary,.secondary,.hero-button{border:0;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s transform,.2s background,.2s box-shadow}.primary{background:var(--green);color:white;padding:14px 20px;box-shadow:0 8px 20px rgba(23,76,54,.15)}.primary:hover,.hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,62,43,.23)}.primary.compact{padding:12px 17px;font-size:13px}.primary svg,.secondary svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.view{display:none;padding:34px 5vw 60px;max-width:1500px;margin:0 auto}.view.active{display:block}.hero-card{min-height:310px;border-radius:26px;background:linear-gradient(130deg,#174c36,#1e6348);padding:42px 48px;color:#fff;display:flex;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero-card>div:first-child{position:relative;z-index:2;max-width:585px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);border-radius:99px;padding:7px 11px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.pill i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,242,107,.14)}.hero-card h2{font:700 38px/1.13 Manrope,sans-serif;letter-spacing:-1.4px;margin:19px 0 12px}.hero-card h2 em{color:var(--lime);font-style:normal}.hero-card p{font-size:14px;color:#c8d9d0;max-width:490px;line-height:1.6}.hero-button{margin-top:16px;background:#fff;color:#174c36;padding:13px 18px}.hero-button span{font-size:19px}.hero-illustration{position:absolute;right:2%;top:0;width:41%;height:100%}.shield-large{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:166px;border-radius:45% 45% 48% 48%;background:linear-gradient(145deg,#d9ff8d,#a8da55);display:grid;place-items:center;box-shadow:0 25px 60px rgba(7,36,24,.3);z-index:2}.shield-large svg{width:100px;fill:none;stroke:#1a4c36;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:270px;height:270px;background:#287b58;left:35%;top:-60px}.orb-two{width:220px;height:220px;border:1px solid rgba(255,255,255,.13);left:25%;top:80px}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);color:var(--ink);border-radius:13px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 35px rgba(6,28,18,.2)}.floating-card>span{width:29px;height:29px;border-radius:9px;background:#e6f7dc;display:grid;place-items:center;color:var(--green);font-weight:800}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:11px}.floating-card small{font-size:9px;color:#849087;margin-top:2px}.floating-card.one{left:3%;top:59%}.floating-card.two{right:0;top:24%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stat-card{background:#fff;border:1px solid #e7ebe7;border-radius:18px;padding:23px;display:flex;align-items:center;gap:17px}.stat-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}.stat-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-icon.green{background:#e3f1e8;color:#276a4b}.stat-icon.amber{background:#fff0d7;color:#a56817}.stat-icon.blue{background:#e4f0f5;color:#416f84}.stat-card small,.stat-card strong,.trend{display:block}.stat-card small{font-size:11px;color:#7a867f;margin-bottom:4px}.stat-card strong{font:700 24px Manrope,sans-serif;letter-spacing:-.7px}.trend{font-size:9px;color:#91a098;margin-top:4px}.panel{background:#fff;border:1px solid #e1e7e2;border-radius:var(--radius)}.recent-panel{padding:26px 28px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h3,.form-panel h3,.summary-card h3{font:700 18px Manrope,sans-serif;margin:0}.text-button{border:0;background:transparent;color:var(--green-2);font-weight:700;font-size:12px}.recent-item{display:grid;grid-template-columns:42px 1.25fr .9fr .7fr .7fr;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #edf0ed;font-size:12px}.recent-item:first-child{border-top:0}.product-dot{width:38px;height:38px;border-radius:12px;background:#edf4ef;display:grid;place-items:center;color:var(--green);font-weight:800}.recent-item strong,.recent-item small{display:block}.recent-item small{color:#89938d;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700;width:max-content}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.active{color:#28794d;background:#e6f5eb}.status.pending{color:#a46a16;background:#fff3df}.empty-mini{text-align:center;padding:40px;color:#839088;font-size:13px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 0 26px}.section-intro h2{font:700 30px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 8px}.section-intro>div>p:last-child{margin:0;color:#738078;font-size:13px}.price-tag{text-align:right;background:#e4efe8;padding:12px 17px;border-radius:13px}.price-tag span,.price-tag strong{display:block}.price-tag span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#76847b}.price-tag strong{font:700 16px Manrope,sans-serif;color:var(--green);margin-top:3px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.form-panel{padding:31px}.step-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.step-heading>span{width:34px;height:34px;border-radius:10px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:700 11px Manrope,sans-serif}.step-heading p{font-size:11px;color:#87928b;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block}.field.full{grid-column:1/-1}.field>span{font-size:11px;font-weight:700;display:block;margin-bottom:8px}.field input,.field select{width:100%;height:47px;border:1px solid #dce3de;background:#fafcfb;border-radius:11px;padding:0 14px;color:var(--ink);outline:none;transition:.2s}.field input:focus,.field select:focus{border-color:#579374;box-shadow:0 0 0 3px rgba(39,118,83,.09);background:#fff}.field input.invalid,.field select.invalid{border-color:#d46767}.field small.error{min-height:14px;display:block;color:#bb4f4f;font-size:9px;margin:5px 2px 0}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;right:14px;top:14px;width:19px;fill:none;stroke:#718077;stroke-width:1.6;stroke-linecap:round}.divider{height:1px;background:#edf0ed;margin:20px 0 28px}.summary-card{position:sticky;top:122px;background:#18251e;color:#fff;border-radius:20px;padding:27px;box-shadow:var(--shadow)}.summary-card .section-kicker{color:#84978c}.summary-card h3{margin-bottom:23px}.summary-product{background:#23352b;border:1px solid #2e4438;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.summary-icon{width:39px;height:39px;border-radius:11px;background:var(--lime);display:grid;place-items:center;color:#173c2a}.summary-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.summary-product small,.summary-product strong{display:block}.summary-product small{color:#8fa097;font-size:9px}.summary-product strong{font-size:12px;margin-top:4px}.summary-card dl{margin:19px 0}.summary-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #293c32}.summary-card dt{color:#8ea097;font-size:11px}.summary-card dd{font-size:11px;font-weight:600;margin:0}.summary-total{margin:4px -27px 20px;padding:21px 27px;background:#203128;display:grid;grid-template-columns:1fr auto;align-items:end}.summary-total span{font-size:11px;color:#bac7bf}.summary-total strong{font:700 24px Manrope,sans-serif;color:var(--lime)}.summary-total small{grid-column:1/-1;color:#7f9388;font-size:8px;margin-top:5px}.wide{width:100%}.safe-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#83958b!important;font-size:8px!important;margin:13px 0 0!important}.safe-note svg{width:13px;fill:none;stroke:currentColor;stroke-width:2}.secondary{background:#fff;color:var(--ink);border:1px solid #dce3de;padding:11px 15px;font-size:12px}.clients-intro{align-items:center}.table-panel{overflow:hidden}.table-tools{padding:19px 22px;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #e9ede9}.search-box{position:relative;max-width:440px;width:100%}.search-box svg{position:absolute;left:14px;top:12px;width:19px;fill:none;stroke:#859088;stroke-width:1.8}.search-box input,.table-tools select{height:42px;border:1px solid #dfe5e0;background:#f9fbf9;border-radius:10px;outline:none}.search-box input{width:100%;padding:0 14px 0 42px}.table-tools select{padding:0 32px 0 13px;color:#57625b;font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;padding:13px 20px;background:#f8faf8;color:#819087;text-transform:uppercase;letter-spacing:.8px;font-size:9px}td{padding:17px 20px;border-top:1px solid #edf0ed;font-size:11px;color:#49544d}td strong,td small{display:block}td strong{color:var(--ink);font-size:12px}td small{margin-top:3px;color:#8c9790}.more-button{border:0;background:#eff3f0;color:#4e5e54;width:32px;height:32px;border-radius:9px;font-weight:800}.empty-state{text-align:center;padding:70px 20px;display:none}.empty-state>span{margin:auto;width:56px;height:56px;border-radius:17px;background:#edf4ef;color:var(--green);display:grid;place-items:center}.empty-state svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.7}.empty-state h3{font:700 17px Manrope,sans-serif;margin:14px 0 4px}.empty-state p{font-size:11px;color:#849089;margin:0 0 17px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,22,15,.7);z-index:50;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:24px;padding:32px;width:min(500px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 90px rgba(4,21,12,.3);animation:modalIn .25s ease}.close-modal{position:absolute;right:18px;top:15px;border:0;background:#f0f3f1;border-radius:50%;width:33px;height:33px;color:#546159;font-size:21px}.modal-icon{width:48px;height:48px;border-radius:14px;background:#e0f2e6;color:var(--green);display:grid;place-items:center;margin-bottom:18px}.modal-icon svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.modal h2{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin:0}.modal-subtitle{color:#738078;font-size:12px;line-height:1.55;margin:7px 0 18px}.payment-total{display:flex;justify-content:space-between;align-items:center;background:#17241d;color:#fff;border-radius:13px;padding:14px 17px;margin-bottom:15px}.payment-total span{font-size:11px;color:#9aac9f}.payment-total strong{font:700 21px Manrope,sans-serif;color:var(--lime)}.payment-options{display:grid;gap:9px}.payment-option{border:1px solid #dfe5e0;background:#fff;border-radius:13px;padding:13px;display:flex;align-items:center;text-align:left;gap:12px;color:var(--ink)}.payment-option>span{width:36px;height:36px;border-radius:10px;background:#e9f2ec;color:#266047;display:grid;place-items:center;font-weight:800}.payment-option.featured{background:#eff8e9;border-color:#c7e8b8}.payment-option div{flex:1}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:12px}.payment-option small{font-size:9px;color:#849087;margin-top:3px}.payment-option>b{font-size:18px}.pix-area,.code-area{display:none;margin-top:15px;padding:16px;border-radius:14px;background:#f4f7f4}.pix-area.show{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.code-area.show{display:block}.qr-code{width:100px;height:100px;background:#fff;padding:6px;display:grid;grid-template-columns:repeat(13,1fr);gap:1px;border:1px solid #dde4df}.qr-code i{background:transparent}.qr-code i.on{background:#111}.pix-area strong{font-size:12px}.pix-area p{font-size:9px;color:#77827b;margin:3px 0 8px}.copy-line{display:flex}.copy-line input{min-width:0;height:32px;border:1px solid #d8dfda;border-radius:8px 0 0 8px;padding:0 9px;font-size:8px}.copy-line button{border:0;background:var(--green);color:white;border-radius:0 8px 8px 0;font-size:9px;font-weight:700}.code-area .primary{margin-top:4px}.demo-warning{text-align:center;color:#929c95;font-size:8px;margin:14px 0 0}.toast{position:fixed;right:28px;bottom:28px;background:#17251d;color:white;z-index:80;min-width:280px;padding:15px 18px;border-radius:13px;box-shadow:0 18px 45px rgba(5,28,16,.25);display:flex;align-items:center;gap:11px;transform:translateY(130%);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.toast>span{width:27px;height:27px;border-radius:50%;background:var(--lime);color:#183523;display:grid;place-items:center;font-weight:800}.toast p{font-size:11px;margin:0}.details-modal{width:min(560px,100%)}.detail-header{display:flex;gap:14px;align-items:center;margin-bottom:22px}.detail-header .product-dot{width:50px;height:50px}.detail-header h2{font-size:21px}.detail-header p{margin:3px 0 0;color:#7c8880;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6f8f6;padding:16px;border-radius:14px}.detail-grid div{padding:7px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:9px;color:#859188;margin-bottom:4px}.detail-grid strong{font-size:11px}.detail-actions{display:flex;gap:9px;margin-top:17px}.danger{border:1px solid #f0d1d1;background:#fff5f5;color:#a94646;border-radius:11px;padding:12px 15px;font-weight:700;font-size:11px}.mobile-menu{display:none;border:0;background:transparent}.mobile-menu svg{width:24px;fill:none;stroke:currentColor;stroke-width:2}@keyframes modalIn{from{transform:translateY(15px) scale(.98);opacity:0}to{transform:none;opacity:1}}@media(max-width:1020px){.sidebar{width:220px}.sidebar+.main{}main{margin-left:220px}.hero-illustration{opacity:.65}.form-layout{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:last-child{grid-column:1/-1}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:0 0 0 100vw rgba(0,0,0,.45)}main{margin-left:0}.mobile-menu{display:block}.topbar{height:82px;padding:0 20px}.topbar>div{margin-right:auto;margin-left:12px}.topbar .primary.compact{font-size:0;width:42px;padding:0;height:42px}.view{padding:24px 18px 45px}.hero-card{padding:30px 26px;min-height:360px}.hero-card h2{font-size:31px}.hero-illustration{opacity:.32;width:70%;right:-20%;top:30%}.stats-grid{grid-template-columns:1fr}.stats-grid .stat-card:last-child{grid-column:auto}.recent-item{grid-template-columns:38px 1fr auto}.recent-item .hide-mobile{display:none}.section-intro{align-items:flex-start;gap:16px}.section-intro h2{font-size:26px}.price-tag{display:none}.form-panel{padding:23px 19px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.clients-intro{align-items:flex-start}.table-tools{flex-direction:column}.table-tools select{width:100%}.pix-area.show{grid-template-columns:1fr}.qr-code{margin:auto}.modal{padding:27px 20px}.detail-grid{grid-template-columns:1fr}.toast{left:18px;right:18px;bottom:18px;min-width:0}}