:root{--bg: #f4f6f9;--card: #ffffff;--text: #1d2733;--muted: #6b7a8c;--accent: #1a73e8;--green: #1e8e3e;--red: #d93025;--border: #e1e6ec;--overflow: #d93025}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:1200px;margin:0 auto;padding:0 12px}.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.nav .brand{font-weight:700;margin-right:16px;font-size:1.05rem}.nav button{border:none;background:none;padding:8px 14px;border-radius:8px;font-size:.95rem;cursor:pointer;color:var(--muted)}.nav button.active{background:var(--accent);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.kpi .label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}.kpi .value{font-size:1.25rem;font-weight:700;margin-top:4px}.month-picker{display:flex;align-items:center;gap:8px;margin-bottom:16px}.month-picker button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.month-picker .current{font-weight:700;min-width:140px;text-align:center}table.grid{width:100%;border-collapse:collapse;font-size:.82rem}table.grid th,table.grid td{border:1px solid var(--border);padding:4px 6px;text-align:right;white-space:nowrap}table.grid th{background:#f0f3f7;position:sticky;top:0}table.grid td.desc,table.grid th.desc{text-align:left;min-width:160px}table.grid input.cell{width:76px;border:1px solid transparent;background:none;text-align:right;font-size:.82rem;padding:2px 4px;border-radius:4px}table.grid input.cell:hover,table.grid input.cell:focus{border-color:var(--accent);background:#fff}table.grid input.cell.realized{background:#f6fbf6}.totals-row td{font-weight:700;background:#f8fafc}.net-positive{color:var(--green)}.net-negative{color:var(--red)}.btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:.9rem}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--red)}.btn.small{padding:3px 8px;font-size:.78rem}select,input[type=text],input[type=number],input[type=month],input[type=date],input[type=file]{border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:.9rem;background:#fff}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tx-table{width:100%;border-collapse:collapse;font-size:.88rem}.tx-table th,.tx-table td{padding:7px 8px;border-bottom:1px solid var(--border);text-align:left}.tx-table td.num{text-align:right}.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.78rem;background:#e8f0fe;color:var(--accent)}.badge.none{background:#fef7e0;color:#b06000}.badge.installment{background:#f1f3f4;color:var(--muted)}.budget-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.budget-row .name{flex:1}.bar{height:8px;border-radius:4px;background:#e8eaed;overflow:hidden;width:120px}.bar>div{height:100%;background:var(--accent)}.bar>div.over{background:var(--overflow)}.budget-row .amounts{font-size:.82rem;color:var(--muted);min-width:130px;text-align:right}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--red);margin:8px 0}.success{color:var(--green);margin:8px 0}@media (max-width: 720px){.grid-scroll{overflow-x:auto}.kpi .value{font-size:1.05rem}}body{overflow-x:hidden}.grid-scroll{overflow-x:auto;max-width:100%;display:block}table.grid th.current-month,table.grid td.current-month{background:#fff8e1}table.grid th.current-month{box-shadow:inset 0 -2px 0 var(--accent)}.badge.flow-debito{background:#fce8e6;color:var(--red)}.badge.flow-saldo{background:#e6f4ea;color:var(--green)}.badge.flow-adiantamento{background:#fef7e0;color:#b06000}html,body,#root{height:100%}body{overflow:hidden}.app{height:100%;display:flex;flex-direction:column}.nav{flex-shrink:0}.page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.planning-page,.cards-page{display:flex;flex-direction:column;flex:1;min-height:0}.table-scroll-card,.list-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.table-scroll-card{overflow:auto}.list-scroll{flex:1;min-height:120px;overflow:auto}table.grid{border-collapse:separate;border-spacing:0}table.grid th,table.grid td{border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}table.grid{border-left:1px solid var(--border);border-top:1px solid var(--border)}table.grid th{position:sticky;top:0;z-index:1}.col-desc{min-width:200px;max-width:200px}.col-flow{min-width:90px}.col-venc{min-width:56px}.sticky-c1{position:sticky;left:0}.sticky-c2{position:sticky;left:200px}.sticky-c3{position:sticky;left:290px}table.grid th.sticky-c1,table.grid th.sticky-c2,table.grid th.sticky-c3{z-index:3;background:#f0f3f7}table.grid td.sticky-c1,table.grid td.sticky-c2,table.grid td.sticky-c3{z-index:2;background:var(--card)}.sticky-c3{box-shadow:3px 0 4px #00000014}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.mode-toggle button{border:none;background:#fff;padding:7px 12px;cursor:pointer;font-size:.85rem;color:var(--muted)}.mode-toggle button.active{background:var(--accent);color:#fff}.list-total{margin-left:auto;font-size:.9rem;color:var(--text)}table.grid{background:var(--card)}table.grid th,table.grid td{background-clip:padding-box}table.grid th.sticky-c1,table.grid th.sticky-c2,table.grid th.sticky-c3{background:#f0f3f7}table.grid td.sticky-c1,table.grid td.sticky-c2,table.grid td.sticky-c3{background:var(--card)}table.grid tr.totals-row td.sticky-c1,table.grid tr.totals-row td.sticky-c2,table.grid tr.totals-row td.sticky-c3{background:#f8fafc}table.grid th.desc{min-width:200px;max-width:200px;width:200px}table.grid th:nth-child(2){min-width:90px;max-width:90px;width:90px}table.grid th:nth-child(3){min-width:56px;max-width:56px;width:56px}td.desc{padding:3px 6px}.cell.desc-input{width:100%;text-align:left}.cell.flow-select{width:80px;font-size:.78rem;padding:2px}.cell.venc-input{width:42px;text-align:right}.cell.realized-static{display:inline-block;min-width:60px;text-align:right;font-size:.8rem;color:var(--muted)}td.actions{white-space:nowrap;text-align:center}.neg,td.neg{color:var(--red)}.folder-row td{font-weight:600;background:#eef2f7}.folder-row td.sticky-c1,.folder-row td.sticky-c2,.folder-row td.sticky-c3{background:#eef2f7}.folder-row.drop-target td{background:#dbe7fb!important}tr.dragging td{opacity:.4}.drag-handle{cursor:grab;color:var(--muted);margin-right:4px}.fold-btn{border:none;background:none;cursor:pointer;padding:0 4px}.folder-name{margin-left:4px}.copy-btn{margin-left:4px;padding:0 4px;font-size:.72rem}tr.new-row td,tr.new-row td.sticky-c1,tr.new-row td.sticky-c2,tr.new-row td.sticky-c3{background:#fbfdfb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:12px;padding:20px 22px;width:560px;max-width:94vw;max-height:90vh;overflow:auto}.modal h3{margin-top:0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.modal-grid label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.table-scroll-card{padding:0!important}table.grid td{overflow:hidden}table.grid input.cell,table.grid td .cell.realized-static{display:block;width:96%;margin:0 auto}table.grid{table-layout:fixed;width:max-content;min-width:100%}table.grid td.sticky-c1 input.cell{text-align:left}.app{max-width:none}tr.child-row td,tr.child-row td.sticky-c1,tr.child-row td.sticky-c2,tr.child-row td.sticky-c3{background:#f7f9fc}tr.child-row td.sticky-c1{padding-left:26px;box-shadow:inset 3px 0 0 var(--accent)}tr.child-row td.sticky-c1 input{font-size:.8rem}table.tx-table.excel th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}table.tx-table.excel th.sortable:hover{background:#e8eef6}td.cat-cell{position:relative;min-width:170px}td.cat-cell input{width:100%;border:1px solid transparent;background:none;padding:4px 6px;border-radius:4px;font-size:.88rem}td.cat-cell input:hover,td.cat-cell input:focus{border-color:var(--accent);background:#fff}td.cat-cell .fill-handle{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:ns-resize;color:var(--muted);padding:2px 4px;-webkit-user-select:none;user-select:none;font-size:.7rem}td.cat-cell .fill-handle:hover{color:var(--accent)}tr.fill-over td{background:#e8f0fe!important}.dashboard-page{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.budget-row{display:grid;grid-template-columns:140px 1fr 160px 210px;gap:10px;align-items:center;margin-bottom:8px}.budget-row .bar{width:100%}.budget-row .amounts{text-align:right;white-space:nowrap}.budget-table{width:100%;border-collapse:collapse;font-size:.9rem}.budget-table th,.budget-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.budget-table input{width:130px;text-align:right}.budget-row{grid-template-columns:140px minmax(0,1fr) 160px 210px}.dashboard-grid{display:grid;grid-template-columns:3fr 2fr;gap:16px;align-items:stretch}.dashboard-side{display:flex;flex-direction:column;gap:16px;min-width:0}.settings-page{flex:1;min-height:0;overflow-y:auto}.treemap-card{display:flex;flex-direction:column;min-height:420px}.treemap-card .treemap-wrap{flex:1;min-height:420px}.dashboard-page,.settings-page{padding-bottom:12px}.nav-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.planning-page .table-scroll-card{margin-bottom:0;flex:1}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;width:340px;max-width:92vw;display:flex;flex-direction:column;gap:12px;text-align:center}.login-card h2{margin:0 0 8px}.login-card input{text-align:center}.nav-logout{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--muted);font-size:.85rem}.nav-logout:hover{color:var(--red);border-color:var(--red)}@media (max-width: 720px){.nav{flex-wrap:nowrap;overflow-x:auto}.nav button,.nav-logout{flex-shrink:0}.nav-actions{margin-left:0;flex-shrink:0}:root{--col-desc: 128px;--col-flow: 66px;--col-venc: 42px}.kpi{padding:10px 12px}.kpi .value{font-size:.95rem}}:root{--col-desc: 200px;--col-flow: 90px;--col-venc: 56px}table.grid th.col-desc,table.grid td.col-desc{width:var(--col-desc);min-width:var(--col-desc);max-width:var(--col-desc)}table.grid th.col-flow,table.grid td.col-flow{width:var(--col-flow);min-width:var(--col-flow);max-width:var(--col-flow)}table.grid th.col-venc,table.grid td.col-venc{width:var(--col-venc);min-width:var(--col-venc);max-width:var(--col-venc)}.sticky-c2{left:var(--col-desc)}.sticky-c3{left:calc(var(--col-desc) + var(--col-flow))}@media (max-width: 720px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .treemap-card .treemap-wrap{min-height:300px}}@media (max-width: 720px){:root{--col-desc: 128px !important;--col-flow: 66px !important;--col-venc: 42px !important}}.dashboard-grid>*,.dashboard-side,.dashboard-side>*,.grid2>*{min-width:0}.dashboard-page,.settings-page,.planning-page,.cards-page{overflow-x:hidden}@media (max-width: 1399px){.dashboard-grid{grid-template-columns:1fr}}.budget-row{display:grid;grid-template-columns:130px minmax(0,1fr) 140px 190px;gap:8px;align-items:center;margin-bottom:8px}.budget-row .budget-card,.budget-row .name,.budget-row .amounts{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-row .bar{width:100%;min-width:0}.budget-row .amounts{font-size:.8rem}@media (max-width: 900px){.budget-row{grid-template-columns:minmax(0,1fr) 110px 170px}.budget-row .budget-card{display:none}}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recharts-responsive-container{min-width:0!important}.budget-groups{display:flex;flex-direction:column;gap:8px}.budget-group{border:1px solid var(--border);border-radius:10px;padding:2px 10px 8px;background:#fff}.budget-group-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:9px 2px;cursor:pointer;font:inherit;text-align:left}.budget-group-head .chev{transition:transform .15s;color:var(--muted)}.budget-group-head .chev.open{transform:rotate(90deg)}.budget-group-name{font-weight:600}.budget-group-total{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-line{display:grid;grid-template-columns:minmax(80px,130px) minmax(0,1fr);gap:10px;align-items:center;padding:4px 2px}.budget-cat{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-bar{position:relative;height:26px;border-radius:6px;background:#eef1f5;overflow:hidden;min-width:0}.budget-bar .fill{position:absolute;top:0;bottom:0;left:0;background:var(--accent)}.budget-bar.over .fill{background:var(--overflow)}.budget-bar .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;gap:8px;font-size:.75rem;line-height:1;white-space:nowrap}.budget-bar .txt .spent{font-weight:600;overflow:hidden;text-overflow:ellipsis}.budget-bar .txt .spent.on-fill{color:#fff}.budget-bar .txt .spent.on-track,.budget-bar .txt .limit{color:#3c4043}.budget-bar .txt .limit.on-fill{color:#fff}.burndown-head{flex-wrap:wrap;align-items:center;gap:10px}@media (max-width: 1399px){.dashboard-page{display:flex;flex-direction:column;gap:14px}.dashboard-grid,.dashboard-side{display:contents}.dashboard-page>.month-picker{order:-3}.dashboard-page>.kpis{order:-2}.budgets-card{order:-1}}