:root{--bg:#0d1019;--panel:#181c2a;--panel2:#202333;--line:#33384b;--subtle:#aaa9b8;--text:#fbf7f1;--gold:#f8c769;--gold2:#ac642c;--purple:#9f7bee;--mint:#48d9af;--blue:#65b6f9;--red:#ff8c91;--radius:18px;--shadow:0 18px 44px rgba(0,0,0,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 0%,rgba(48,70,112,.24),transparent 40%),radial-gradient(circle at 0% 56%,rgba(89,51,49,.14),transparent 38%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #69c9fa;outline-offset:3px}input,select{min-width:0}
[hidden]{display:none!important}.global-header{min-height:74px;border-bottom:1px solid #ffffff17;background:rgba(9,13,22,.9);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(20px,calc((100vw - 1220px)/2))}
.n8x-sign{display:flex;align-items:center;gap:12px}.n8x-sign img{width:44px;height:44px;object-fit:contain;border-radius:12px}.n8x-sign span{display:flex;flex-direction:column;gap:3px}.n8x-sign strong{font-weight:1000;color:#b9f1ff;font-size:21px;letter-spacing:3px}.n8x-sign small{color:#9eafc4;font-size:11px}.global-right{display:flex;align-items:center;gap:18px}.demo-pill{font-size:10px;letter-spacing:1.1px;font-weight:900;border:1px solid #46877c80;background:#103b35;color:#9bffe1;padding:9px 12px;border-radius:30px;white-space:nowrap}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#5dfabf;box-shadow:0 0 10px #5dfabf;margin-right:7px}.back-link{font-size:13px;color:#b5c9dc;font-weight:650}.back-link:hover{color:white}
.entry{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:calc(100vh - 75px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr);align-items:center;gap:60px;padding:55px 0 75px}
.eyebrow{color:#f5bf67;letter-spacing:2.6px;font-size:12px;font-weight:900}.entry h1{font-size:clamp(40px,5.15vw,68px);line-height:1.1;letter-spacing:-2.8px;margin:26px 0}.gradient{background:linear-gradient(110deg,#fff1c8 0%,#fbcc75 45%,#cc8344 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.entry-copy>p{color:#b6bac9;font-size:17px;max-width:580px;line-height:1.8}.entry-benefits{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0}.entry-benefits span{font-size:12px;color:#dcdce7;border:1px solid #44485a;padding:9px 12px;border-radius:30px;background:#ffffff06}.privacy-banner{margin-top:39px;max-width:580px;border-radius:17px;padding:20px 22px;background:#103033;border:1px solid #305b58;color:#b6ede4;font-size:13px;line-height:1.65}.privacy-banner strong{color:#c4fff0}
.entry-panel{padding:34px;border-radius:27px;background:linear-gradient(154deg,#282132,#1d1e2a 67%,#151725);border:1px solid #54465b;box-shadow:0 32px 90px #0006;position:relative;overflow:hidden}.entry-panel:before{content:"";position:absolute;width:180px;height:180px;background:#e7b35d12;filter:blur(60px);border-radius:50%;top:-50px;right:-30px;pointer-events:none}.demo-logo{display:flex;align-items:center;gap:15px}.cookie-mark{display:grid;place-items:center;flex:none;width:65px;height:65px;border-radius:20px;background:radial-gradient(circle at 28% 21%,#ffeeab,#d79032 57%,#65351b);box-shadow:inset 0 3px 5px #ffffff60,0 12px 23px #0006;color:#633412;font-size:39px}.demo-logo div{display:flex;flex-direction:column;gap:3px}.demo-logo div span{font-weight:950;letter-spacing:4px;font-size:26px}.demo-logo div strong{font-weight:550;font-size:13px;color:#dec7a4;letter-spacing:1px}.panel-eyebrow{margin:42px 0 17px;color:#aaa2b3;font-size:11px;font-weight:900;letter-spacing:1.8px}.role-card{width:100%;border:1px solid #4b4b5c;background:#292838;color:white;border-radius:18px;display:flex;align-items:center;gap:17px;padding:19px 16px;text-align:left;margin:10px 0;transition:.2s;position:relative}.role-card:hover{border-color:#9b91a2;background:#373447;transform:translateY(-2px)}.role-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.role-card strong{font-size:15px}.role-card small{color:#c4bdce;font-size:12px}.role-icon{width:45px;height:45px;border-radius:13px;background:#6c5364;color:#ffdef4;display:grid;place-items:center;font-size:22px}.role-owner{border-color:#a98b54;background:linear-gradient(135deg,#48382b,#342d2b)}.role-owner .role-icon{background:linear-gradient(140deg,#f8d58a,#a76a31);color:#49250c;box-shadow:inset 0 2px 4px #fff6}.entry-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:26px;color:#ada6b4;font-size:10px}.entry-foot span:before{content:"✓";color:#5bdfa8;margin-right:5px}
.workspace{max-width:1300px;margin:auto;padding:36px 22px 50px}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-top-title h2{margin:10px 0 8px;font-size:29px;letter-spacing:-.8px}.demo-top-title p{margin:0;color:#aaaebe;font-size:13px}.demo-badge{display:inline-block;border-radius:30px;border:1px solid #7e5f32;background:#3d2a19;color:#ffda8c;font-size:10px;letter-spacing:1.1px;font-weight:850;padding:7px 12px}.demo-top-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:end}.role-label{font-size:12px;border:1px solid #50637b;color:#b9d5ed;border-radius:25px;padding:9px 13px}.subtle-btn{border:1px solid #495065;color:#e3e6ef;background:#202738;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700}.subtle-btn:hover{background:#29364d}.exit{color:#f5b6b5}
.demo-nav{display:flex;gap:11px;overflow:auto;padding:17px 0 18px;margin-top:26px;border-bottom:1px solid #3a4052;scrollbar-width:thin}.demo-nav button{flex:1 0 auto;min-width:120px;border:1px solid #3e465b;border-radius:14px;background:#1a2230;color:#b5c0d1;padding:15px 17px;text-align:center;font-weight:750;transition:.2s}.demo-nav button:hover{background:#283447;color:white}.demo-nav button.selected{background:linear-gradient(145deg,#ffe5a1,#dc9b48 65%,#9b572c);color:#37220e;border:1px solid #f9d899;box-shadow:0 5px 16px #e3a24f22,inset 0 2px 2px #fff7}.demo-nav button.locked{opacity:.42}.demo-content{padding-top:23px;min-height:480px}.watermark-banner{padding:22px;margin-top:30px;border-top:1px solid #303646;text-align:center;color:#8f96ab;font-size:11px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.section-head h3{margin:0;font-size:22px}.section-head p{margin:5px 0 0;font-size:13px;color:var(--subtle)}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:19px}.content-grid.equal{grid-template-columns:1fr 1fr}.content-grid.halves{grid-template-columns:1.06fr .94fr}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{padding:19px;border-radius:17px;border:1px solid #363b4b;background:linear-gradient(154deg,#222839,#191f2a);min-width:0;box-shadow:0 9px 19px #00000019}.metric .lbl{color:#a6a9bc;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.metric strong{display:block;font-size:25px;margin-top:10px;letter-spacing:-.7px;overflow-wrap:anywhere}.metric .meta{display:block;color:#939db1;margin-top:7px;font-size:11px}.metric.gold strong{color:#f8cc7e}.metric.green strong{color:#63ddb0}.metric.blue strong{color:#7bbfff}.metric.pink strong{color:#ff99bd}
.panel{background:linear-gradient(155deg,#222735,#171b26);border:1px solid #373e51;border-radius:19px;padding:21px;box-shadow:0 6px 17px #00000014;margin-bottom:18px;min-width:0}.panel h4{margin:0 0 6px;font-size:17px}.panel>p{color:#a7aec2;font-size:12px;margin:0 0 17px;line-height:1.5}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h4{margin:0}.panel-head small{display:block;margin-top:7px;color:#9ea5b9}.tag{display:inline-block;border-radius:30px;font-size:11px;font-weight:850;padding:7px 10px;background:#423321;color:#ffdf9c;border:1px solid #665036}.tag.green{background:#123e33;color:#97f2ce;border-color:#35725f}.tag.red{background:#4a2528;color:#ffacaf;border-color:#a45256}.tag.gray{background:#353b4c;color:#ccd4e7;border-color:#5b6275}
.btn{border:0;border-radius:12px;min-height:43px;padding:11px 17px;font-weight:850;font-size:13px;color:#251906;background:linear-gradient(145deg,#fff2b2,#eab154 60%,#c17e33);box-shadow:inset 0 2px 2px #fff8,0 6px 14px #0002}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.secondary{background:#26334b;color:#e5e8f5;border:1px solid #525d76;box-shadow:none}.btn.danger{background:#62333c;color:#ffe3e3;border:1px solid #9b505b;box-shadow:none}.btn.success{background:linear-gradient(130deg,#b7ffe0,#56d9a4 62%,#168c65);color:#103c2c}.btn.small{min-height:34px;font-size:11px;padding:7px 11px}.flex-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.select{width:100%;height:44px;border:1px solid #485168;background:#151d2a;border-radius:11px;color:#f3f5ff;padding:10px 13px;outline:none}.input:focus,.select:focus{border-color:#e4ad5c;box-shadow:0 0 0 3px #efb95822}.input::placeholder{color:#8e9aac}label.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c1c8d4;font-weight:700}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.field-row .field{flex:1;min-width:125px}.note{color:#9da7bd;font-size:12px;line-height:1.65}.alert{color:#ffcfb9;font-size:12px;padding:12px;border:1px solid #895741;border-radius:10px;background:#402b27;margin:8px 0}.notice{border:1px solid #375968;border-radius:12px;background:#152c3c;padding:13px;color:#a5daed;font-size:12px;line-height:1.5}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.product-btn{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:14px;border:1px solid #50516a;background:#25283b;color:#fff;border-radius:14px;min-height:118px}.product-btn:hover{border-color:#f1bb6e;background:#2f3142}.product-btn small{color:#aeb3c8;font-size:10px}.product-btn strong{font-size:13px;line-height:1.25}.product-btn .price{margin-top:auto;color:#ffdb97;font-weight:900}.product-btn:disabled{opacity:.4}.product-icon{font-size:21px}.product-icon.emoji{font-family:system-ui}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;border-bottom:1px solid #ffffff15}.cart-item strong{font-size:13px;display:block}.cart-item small{color:#9ba5b7;font-size:11px}.cart-item .price{font-size:12px;color:#f4c474;font-weight:800}.qty{display:flex;gap:5px;align-items:center}.qty button{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid #566077;background:#2a3343;color:white;font-weight:900}.qty span{font-size:12px;min-width:19px;text-align:center}.empty{color:#8e9aaf;text-align:center;padding:35px 10px;line-height:1.7;font-size:13px;border:1px dashed #455169;border-radius:13px}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #48495c;margin-top:11px}.cart-total strong{font-size:27px;color:#f9d28b}.row{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.pay-options{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.pay-options button{border:1px solid #4f5970;color:#d5d7df;border-radius:10px;background:#222c3d;padding:9px 12px;font-size:11px;font-weight:750}.pay-options button.on{border-color:#eac177;background:#6b4d2a;color:#fff2cf}.pay-detail{background:#131c2a;border:1px solid #40495c;padding:14px;border-radius:12px}.pay-detail p{font-size:12px;color:#bbc0d0}.result-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:13px}.result-line strong{color:#f6dc9c}.result-line:last-child{border-top:1px solid #3c4050;padding-top:15px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#99a6c0;font-weight:850;font-size:10px;letter-spacing:.7px;text-transform:uppercase;border-bottom:1px solid #474e60;padding:12px 10px;white-space:nowrap}.data-table td{padding:13px 10px;border-bottom:1px solid #353d4b;color:#e0e4f1}.data-table td:first-child{font-weight:750}.data-table tr:last-child td{border-bottom:0}.data-table td.number,.data-table th.number{text-align:right}.data-table .muted{color:#91a0b6}.data-table .right{text-align:right}.data-table button{border:1px solid #506c78;border-radius:8px;background:#234354;color:#cdefff;padding:7px 10px;font-size:11px;font-weight:700}.muted{color:#a9b1c4;font-size:12px}.color-pills{display:flex;flex-wrap:wrap;gap:9px}.color-pill{padding:7px 11px;border-radius:9px;font-size:11px;background:#2d3443;color:#c7d1e4;border:1px solid #4e5670}.color-pill b{color:#fbe0a5}.bar-chart{display:flex;align-items:flex-end;gap:11px;min-height:180px;padding:22px 4px 7px;border-bottom:1px solid #555d70}.bar-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.bar{width:min(37px,100%);min-height:5px;border-radius:9px 9px 3px 3px;background:linear-gradient(to top,#b97035,#ffcf81);box-shadow:0 -5px 16px #f4b85b16}.bar-block span{font-size:11px;color:#a9b3c5}.bar-block small{color:#ffda9e;font-size:9px}.abc-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin:12px 0}.abc-letter{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-weight:950;border:1px solid #6e5962;background:#3a2a3c}.abc-letter.a{background:#184e47;border-color:#2d8972}.abc-letter.b{background:#1e3d58;border-color:#3e789e}.abc-letter.c{background:#484023;border-color:#897a32}.abc-letter.d{background:#4d302a;border-color:#9c593d}.abc-letter.e{background:#49313f;border-color:#915273}.progress{height:7px;background:#3c4052;border-radius:20px;overflow:hidden;margin-top:8px}.progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(100deg,#d8974e,#ffe3a2)}.abc-main strong{font-size:12px}.abc-main small{color:#aeb7cc;font-size:11px}.abc-value{font-size:12px;text-align:right;color:#e4dcd0}.stack{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px;border-radius:12px;border:1px solid #394155;background:#1e2534}.history-item strong{font-size:13px}.history-item small{color:#9baab9;font-size:11px;display:block;margin-top:5px}.history-item b{color:#f4cb86}.cash-state{font-size:12px;font-weight:800;color:#b3ffd8;background:#204536;padding:9px 13px;border-radius:20px;white-space:nowrap}.cash-state.closed{color:#ffbcb3;background:#53302c}.small-info{font-size:11px;color:#91a2b5}.inline-value{color:#ffd991;font-weight:850}
.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#f6d08d;color:#241b11;box-shadow:0 15px 40px #0008;border-radius:12px;padding:15px 19px;max-width:min(560px,calc(100% - 32px));text-align:center;font-size:13px;font-weight:900;opacity:0;pointer-events:none;transition:.2s;z-index:999}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#ffb5b9}.toast.success{background:#a5edca}
@media(max-width:1050px){.entry{gap:30px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.global-header{padding:12px 16px;min-height:68px}.n8x-sign img{height:37px;width:37px}.demo-pill{font-size:9px;padding:8px 9px;letter-spacing:0}.back-link{display:none}.entry{grid-template-columns:1fr;gap:24px;padding:42px 0 52px;min-height:auto}.entry h1{font-size:42px;letter-spacing:-1.8px}.entry-copy>p{font-size:15px}.privacy-banner{margin-top:24px}.entry-panel{padding:24px}.workspace{padding:25px 13px 30px}.demo-top{flex-direction:column;align-items:flex-start}.demo-top-right{justify-content:flex-start}.demo-nav{margin-top:18px;gap:7px;padding-top:10px;position:sticky;top:0;z-index:11;background:#101722e8;backdrop-filter:blur(8px)}.demo-nav button{min-width:102px;padding:13px 9px;font-size:12px}.demo-content{padding-top:20px}.metric-grid{gap:9px}.metric{padding:15px}.metric strong{font-size:21px}.panel{padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start}.section-head h3{font-size:20px}.fields{grid-template-columns:1fr}.cash-state{white-space:normal}}
@media(max-width:390px){.entry h1{font-size:37px}.global-right{gap:7px}.global-right .demo-pill{font-size:8px}.role-card{padding:16px 11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:19px}.demo-nav button{min-width:90px}.data-table{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Gráficos discretizados para cumprir CSP sem estilos inline */
.bar.h1{height:20px}.bar.h2{height:36px}.bar.h3{height:52px}.bar.h4{height:68px}
.bar.h5{height:84px}.bar.h6{height:100px}.bar.h7{height:116px}.bar.h8{height:132px}.bar.h9{height:148px}.bar.h10{height:162px}
.abc-progress{display:block;height:8px;width:100%;margin-top:8px;overflow:hidden;border-radius:20px;appearance:none;border:0;background:#3c4052}
.abc-progress::-webkit-progress-bar{background:#3c4052;border-radius:20px}
.abc-progress::-webkit-progress-value{background:linear-gradient(90deg,#d8974e,#ffe3a2);border-radius:20px}
.abc-progress::-moz-progress-bar{background:linear-gradient(90deg,#d8974e,#ffe3a2);border-radius:20px}