@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#223b35;background:#f6f8f7;font-synthesis:none;--green:#143e35;--lime:#c1f486;--muted:#71817b;--line:#e5ebe7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #83c64a;outline-offset:3px}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.number,.brand{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1.1px;font-weight:800}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.6}small,.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:33px 21px;display:flex;flex-direction:column;z-index:10}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;display:flex;gap:9px;align-items:center}.brandmark{background:var(--green);color:var(--lime);width:35px;height:37px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:27px;letter-spacing:-4px;padding-right:4px}.brand small{font:11px 'DM Sans';letter-spacing:1px;margin-top:6px}.nav-label{font-size:11px;letter-spacing:1.6px;color:#8a9891;margin:48px 13px 12px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;background:none;color:#6a7c73;padding:13px 14px;border-radius:9px;font-size:14px;font-weight:550}.nav button.active{background:#eaf2ed;color:#164e3b}.nav button .badge{margin-left:auto;background:#edf0ee}.nav button.active .badge{background:#dce9df}.badge{font-size:12px;padding:3px 7px;border-radius:5px}.side-plan{margin-top:auto;background:#f5f8f4;padding:17px;border:1px solid #e4ebdf;border-radius:12px}.side-plan strong{font-size:14px}.side-plan p{font-size:12px;margin:9px 0;color:var(--muted)}.progress{height:5px;background:#e0e8de;border-radius:10px;margin:12px 0;overflow:hidden}.progress i{display:block;height:100%;background:#5b8b45}.text-button{background:none;color:var(--green);padding:0;font-weight:650;font-size:13px;display:flex;align-items:center;gap:7px}.profile{margin-top:23px;display:flex;gap:10px;align-items:center;font-size:13px}.avatar{background:#e9eee8;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-weight:650}.shell{margin-left:234px}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:13px;color:var(--muted)}.topright{display:flex;align-items:center;gap:15px}.demo-pill{background:#f4f6f1;border:1px solid #e2e8dc;padding:6px 11px;border-radius:7px;color:#6e795e;font-size:12px}.main{max-width:1430px;margin:auto;padding:34px 42px 44px}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.heading p{color:var(--muted);font-size:14px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 17px;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:550;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn.secondary{background:white;color:var(--green);border:1px solid #dfe6e0}.btn.lime{background:var(--lime);color:var(--green)}.btn.danger{background:#fff0ee;color:#a33d36}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.5fr 1fr;background:var(--green);color:white;border-radius:15px;overflow:hidden;margin-bottom:25px}.hero-main{padding:28px 30px}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:500;color:#c0d3c8;display:flex;align-items:center;gap:8px}.hero .number{font-size:40px;font-weight:650;letter-spacing:-1.5px;margin:13px 0 8px}.hero .number span{font-size:25px;color:#c3d6cc}.hero p{color:#bdd0c5;font-size:13px}.hero-foot{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;color:#c0d3c8}.hero-foot b{color:#d2f6b3;background:#335b43;border-radius:5px;padding:5px 8px;font-weight:500}.hero-chart{padding:28px 30px 22px;display:flex;flex-direction:column;justify-content:end;border-left:1px solid #315247}.bars{height:109px;display:flex;align-items:end;gap:13px}.bar{flex:1;background:#49745a;border-radius:5px 5px 0 0;min-width:8px}.bar:last-child{background:var(--lime)}.bar-labels{display:flex;justify-content:space-around;font-size:11px;color:#a8c0b1;margin-top:12px}.chart-heading{display:flex;justify-content:space-between;font-size:12px;color:#d4e2d8;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:29px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.stat-top svg{color:#779081}.stat .number{font-size:26px;font-weight:750;letter-spacing:-1px;margin:12px 0 5px}.stat small{font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-head p{font-size:13px;color:var(--muted);margin-top:5px}.table-panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tools{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);gap:14px}.search{display:flex;align-items:center;gap:9px;flex:1;max-width:330px;color:#8a9891}.search input{border:0;outline:none;width:100%;font-size:14px;color:var(--green);background:transparent}.filter{display:flex;gap:8px}select,input{border:1px solid #dfe6e0;border-radius:7px;background:white;padding:10px 11px;color:#384c42;min-width:0}select{font-size:13px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#88968e;background:#fafcfb;font-weight:500;padding:13px 20px}td{padding:16px 20px;border-top:1px solid #edf0ed}tr[data-id]{cursor:pointer}tr[data-id]:hover{background:#f7faf7}.product-cell{display:flex;align-items:center;gap:12px}.product-icon{background:#f0f3f0;width:43px;height:43px;border-radius:10px;display:grid;place-items:center;color:#61756c}.product-icon.phone{background:#eef0fb;color:#777db0}.product-icon.game{background:#f2edf9;color:#9a80b4}.product-icon.laptop{background:#eaf2f5;color:#648aa0}.product-name{font-weight:650;color:#283f33;font-size:14px;margin-bottom:4px}.status{font-size:12px;padding:5px 9px;border-radius:5px;white-space:nowrap;display:inline-block}.status.Anunciado{background:#eaf1fe;color:#5b78ad}.status.Preparando{background:#fff4df;color:#a27a30}.status.Vendido{background:#e8f4e9;color:#528557}.status.Negociando{background:#f2eafb;color:#8a66ac}.status.Comprado,.status.Pronto{background:#edf1ee;color:#65776a}.profit{color:#35835b;font-weight:650}.negative{color:#bf5b50}.table-footer{padding:13px 20px;background:#fcfdfc;border-top:1px solid var(--line);font-size:12px;color:#86948a;display:flex;justify-content:space-between}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:24px}.tip{background:#edf3e7;border:1px solid #e0ead8;border-radius:12px;padding:21px 23px;display:flex;gap:15px}.tip svg{color:#6e8a53}.tip h3{font-size:14px;margin-bottom:7px}.tip p{font-size:13px;color:#738365}.limit{background:white;border:1px solid var(--line);border-radius:12px;padding:21px 23px}.limit-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer{display:flex;justify-content:space-between;color:#94a197;font-size:12px;margin-top:28px}.footer button{font-size:12px;color:#7a8d80;background:none}.mobile-brand{display:none}.empty{padding:45px;text-align:center;color:var(--muted)}.empty h3{margin-bottom:8px;color:var(--green)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.plan{background:white;border:1px solid var(--line);border-radius:15px;padding:28px;position:relative}.plan.featured{border:2px solid #548559}.plan .number{font-size:34px;margin:23px 0 5px;font-weight:750}.plan ul{padding-left:19px;color:#667c6e;line-height:2.1;font-size:14px;margin:23px 0}.plan .btn{width:100%}.notice{padding:17px 20px;border-radius:10px;background:#edf3e7;color:#64794f;font-size:14px;line-height:1.6}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-box{border:1px solid var(--line);border-radius:9px;padding:17px}.detail-box strong{font-size:22px;display:block;margin-top:8px}.expense-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.expense-row button{background:transparent;color:#9d6a60}.expense-row small{display:block;margin-top:5px}dialog{border:1px solid #e0e6de;border-radius:16px;max-width:590px;width:calc(100% - 28px);padding:27px;color:var(--green);box-shadow:0 24px 100px #0c201b33;max-height:90dvh}dialog::backdrop{background:#102e265e;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#f1f5ef;color:#647760}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px}.field.full{grid-column:1/-1}.field input,.field select{width:100%;font-size:15px;padding:12px}.actions{display:flex;justify-content:end;gap:9px;margin-top:24px;flex-wrap:wrap}.error{color:#b44035;font-size:13px;margin-top:13px}.detail-section{margin-top:24px}.detail-section h3{margin-bottom:10px}.back{margin-bottom:16px}.mobile-nav{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173e32;color:white;padding:14px 23px;border-radius:10px;z-index:50;font-size:14px;box-shadow:0 6px 25px #0002;display:none;max-width:90vw}
@media(min-width:1500px){.main{padding-top:42px}.hero-main{padding:35px}.hero-chart{padding:30px 40px}.hero .number{font-size:46px}.stats{margin-bottom:34px}td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1150px){.sidebar{width:200px;padding:28px 15px}.shell{margin-left:200px}.main{padding:26px}.topbar{padding:0 26px}td,th{padding-left:12px;padding-right:12px}.hide-medium{display:none}.hero{grid-template-columns:1.2fr 1fr}.hero-main,.hero-chart{padding:24px}.plans{gap:12px}.plan{padding:20px}}
@media(max-width:800px){.sidebar{display:none}.shell{margin-left:0}.topbar{height:68px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;font-size:25px}.mobile-brand .brandmark{height:30px;width:29px;font-size:23px}.topright>span:last-child{display:none}.main{padding:25px 18px 105px}.heading{align-items:start;margin-bottom:21px}h1{font-size:26px}.heading p{font-size:13px;max-width:230px}.heading .btn{padding:11px 12px}.heading .btn svg{width:17px}.hero{grid-template-columns:1fr 1fr}.hero-main{padding:23px 20px}.hero-chart{padding:23px 16px}.hero .number{font-size:31px}.hero .number span{font-size:20px}.hero-foot{font-size:11px;gap:6px;flex-wrap:wrap;margin-top:16px}.bars{gap:7px;height:90px}.chart-heading{font-size:11px}.eyebrow{font-size:10px;letter-spacing:.5px}.stats{gap:9px}.stat{padding:15px 12px}.stat-top{font-size:11px;align-items:start;gap:5px}.stat-top svg{width:17px}.stat .number{font-size:21px}.stat small{font-size:11px}.bottom-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid var(--line);padding:9px 8px max(9px,env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(15px);justify-content:space-around}.mobile-nav button{background:transparent;color:#86978a;font-size:11px;display:flex;align-items:center;gap:5px;flex-direction:column;padding:5px 15px}.mobile-nav button.active{color:#225c3d}.footer{font-size:11px}.plans{grid-template-columns:1fr}.plan{padding:25px}.plan .number{margin-top:14px}.plan ul{margin:16px 0}.tools{padding:14px;flex-wrap:wrap}.search{max-width:none}.filter{width:100%}.filter select{flex:1;width:50%}table thead{display:none}table,tbody{display:block}tr[data-id]{display:grid;grid-template-columns:1fr auto;position:relative;padding:14px;gap:10px;border-bottom:1px solid var(--line)}td{display:block;padding:0;border:0}td:first-child{grid-column:1;grid-row:1/3}.hide-mobile{display:none}td:nth-child(3){grid-column:2;text-align:right;font-size:14px}td:nth-child(3):before{content:'Custo ';display:block;font-size:10px;color:#859489;margin-bottom:4px}td:nth-child(5){grid-column:2;text-align:right;font-size:12px}td:nth-child(5):before{content:'Resultado ';font-size:10px;color:#859489;font-weight:400}.product-name{font-size:13px}.product-icon{width:35px;height:39px}.table-footer{font-size:11px}.section-head h2{font-size:18px}.section-head .text-button{font-size:12px}#toast{bottom:89px}.details-grid{gap:9px}.detail-box{padding:13px}.detail-box strong{font-size:19px}}
@media(max-width:420px){.hero{grid-template-columns:1fr}.hero-chart{display:none}.hero .number{font-size:38px}.hero-main{padding:24px}.stats{grid-template-columns:1fr}.stat{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:14px 17px}.stat .number{text-align:right;font-size:24px;margin:0}.stat small{grid-column:1/-1;margin-top:6px}.stat-top{font-size:13px;justify-content:start;gap:9px}.heading .btn{font-size:0;min-width:43px}.heading .btn svg{width:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.product-cell{gap:8px}.product-name{max-width:155px}.topright{gap:0}.footer{flex-direction:column;gap:10px}.demo-pill{font-size:11px}}

/* Fliply identity: two complementary movements, purchase and resale. */
.brand{gap:10px;color:var(--green);letter-spacing:-1.3px;line-height:1;font-weight:800}.brand .brandmark{display:block;width:40px;height:40px;padding:0;background:transparent;border-radius:0;flex-shrink:0}.wordmark{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.4px}.mobile-brand .brandmark{width:32px;height:32px}.mobile-brand .wordmark{font-size:26px;letter-spacing:-1.1px}
/* Accessible light / dark appearance, shared across every screen and dialog. */
:root{color-scheme:light}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--green)}.theme-toggle:hover{background:#edf3e7}.topright>.theme-toggle{display:grid}
:root[data-theme="dark"]{color-scheme:dark;color:#e0ece4;background:#101b17;--green:#c1f486;--muted:#a2b5a8;--line:#30433a}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .stat,[data-theme="dark"] .table-panel,[data-theme="dark"] .limit,[data-theme="dark"] .plan,[data-theme="dark"] dialog{background:#18271f;color:#e0ece4}
[data-theme="dark"] .hero{background:#143e35}[data-theme="dark"] .hero-chart{border-color:#36594a}
[data-theme="dark"] .btn{background:#c1f486;color:#183c2c}[data-theme="dark"] .btn.secondary{background:#22362b;color:#d0e6d5;border-color:#405949}[data-theme="dark"] .btn.danger{background:#492c2c;color:#ffbbb2}
[data-theme="dark"] input,[data-theme="dark"] select{background:#15231c;color:#e0ece4;border-color:#405347}[data-theme="dark"] .search input{background:transparent}
[data-theme="dark"] .nav button{color:#afc1b3}[data-theme="dark"] .nav button.active{background:#294634;color:#c1f486}[data-theme="dark"] .badge,[data-theme="dark"] .nav button .badge,[data-theme="dark"] .nav button.active .badge{background:#36513c;color:#d8eacb}
[data-theme="dark"] .side-plan,[data-theme="dark"] .tip,[data-theme="dark"] .notice{background:#22352a;border-color:#3a503e;color:#c3d4b9}[data-theme="dark"] .tip p{color:#afc2a6}[data-theme="dark"] .tip svg{color:#c1f486}
[data-theme="dark"] .progress{background:#3a4c3e}[data-theme="dark"] .progress i{background:#9dd16e}[data-theme="dark"] .avatar,[data-theme="dark"] .icon-btn{background:#304537;color:#cfdec8}
[data-theme="dark"] th,[data-theme="dark"] .table-footer{background:#14231b;color:#a8bbac}[data-theme="dark"] td,[data-theme="dark"] .expense-row{border-color:#30433a}[data-theme="dark"] tr[data-id]:hover{background:#20372a}[data-theme="dark"] .product-name{color:#e0ece4}
[data-theme="dark"] .product-icon{background:#304537;color:#c6d8ca}[data-theme="dark"] .product-icon.phone{background:#30344c;color:#c6cafa}[data-theme="dark"] .product-icon.game{background:#3d304d;color:#d9bdec}[data-theme="dark"] .product-icon.laptop{background:#253e48;color:#a4d1e4}
[data-theme="dark"] .status.Anunciado{background:#253c54;color:#b3d3fa}[data-theme="dark"] .status.Preparando{background:#493b23;color:#f5d28e}[data-theme="dark"] .status.Vendido{background:#264a33;color:#a5e8b3}[data-theme="dark"] .status.Negociando{background:#41304f;color:#d8b2f2}[data-theme="dark"] .status.Comprado,[data-theme="dark"] .status.Pronto{background:#34463a;color:#c2d5c6}
[data-theme="dark"] .profit{color:#a3e4ae}[data-theme="dark"] .negative,[data-theme="dark"] .error{color:#ffaaa0}[data-theme="dark"] .demo-pill{background:#26382c;border-color:#40513d;color:#c1d2b9}[data-theme="dark"] .mobile-nav{background:#18271ff5}[data-theme="dark"] .mobile-nav button{color:#acbdae}[data-theme="dark"] .mobile-nav button.active{color:#c1f486}[data-theme="dark"] .theme-toggle:hover{background:#294634}
[data-theme="dark"] .brandmark{background:#edf3e7;border-radius:8px;padding:3px}[data-theme="dark"] .breadcrumb strong{color:#c2d8c8!important}[data-theme="dark"] .stat .number[style]{color:#a3e4ae!important}[data-theme="dark"] .footer,[data-theme="dark"] .footer button{color:#a4b5a6}[data-theme="dark"] .expense-row button{color:#efb0a2}
@media(max-width:800px){.topright{gap:9px}.topright>.theme-toggle{display:grid}.demo-pill{max-width:145px;line-height:1.35}.topbar{gap:10px}}
@media(max-width:420px){.topright>.theme-toggle{display:grid}.demo-pill{max-width:122px;font-size:10px}.theme-toggle{width:38px;height:38px}.topbar{padding:0 14px}}
.topright .theme-toggle{width:40px;min-width:40px;padding:0;color:#4f9344}.theme-toggle svg{width:21px;height:21px;stroke-width:2.5}.demo-locked{opacity:.56;filter:saturate(.6)}
/* Neutral dark surfaces; brand green remains an accent. */
:root[data-theme="dark"]{background:#090909;color:#ededed;--muted:#aaa;--line:#303030}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .stat,[data-theme="dark"] .table-panel,[data-theme="dark"] .limit,[data-theme="dark"] .plan,[data-theme="dark"] dialog{background:#141414;color:#ededed}
[data-theme="dark"] .hero{background:#191919}[data-theme="dark"] .hero-chart{border-color:#353535}[data-theme="dark"] .hero p,[data-theme="dark"] .hero-foot,[data-theme="dark"] .eyebrow,[data-theme="dark"] .chart-heading{color:#bbb}[data-theme="dark"] .hero-foot b{background:#303030;color:#c1f486}
[data-theme="dark"] input,[data-theme="dark"] select{background:#101010;color:#ededed;border-color:#3d3d3d}[data-theme="dark"] .search input{background:transparent}
[data-theme="dark"] .btn.secondary{background:#242424;border-color:#414141;color:#ededed}[data-theme="dark"] .nav button{color:#b7b7b7}[data-theme="dark"] .nav button.active{background:#292929;color:#c1f486}
[data-theme="dark"] .badge,[data-theme="dark"] .nav button .badge,[data-theme="dark"] .nav button.active .badge,[data-theme="dark"] .avatar,[data-theme="dark"] .icon-btn{background:#333;color:#ddd}
[data-theme="dark"] .side-plan,[data-theme="dark"] .tip,[data-theme="dark"] .notice{background:#202020;border-color:#363636;color:#d2d2d2}[data-theme="dark"] .tip p{color:#b4b4b4}[data-theme="dark"] .progress{background:#383838}
[data-theme="dark"] th,[data-theme="dark"] .table-footer{background:#101010;color:#aaa}[data-theme="dark"] td,[data-theme="dark"] .expense-row{border-color:#303030}[data-theme="dark"] tr[data-id]:hover{background:#252525}[data-theme="dark"] .product-name{color:#ededed}
[data-theme="dark"] .demo-pill{background:#262626;border-color:#3b3b3b;color:#bfbfbf}[data-theme="dark"] .mobile-nav{background:#141414f5}[data-theme="dark"] .mobile-nav button{color:#aaa}[data-theme="dark"] .theme-toggle:hover{background:#292929}
[data-theme="dark"] .breadcrumb strong{color:#ddd!important}[data-theme="dark"] .footer,[data-theme="dark"] .footer button{color:#aaa}

.plans{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.plans{grid-template-columns:1fr}}