:root{color:#ecf7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#20d48933,#0000 32%),radial-gradient(circle at 90% 5%,#4aa3ff33,#0000 30%),#07111f;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #39d9ff}#root{min-height:100vh}.app-shell{--page-bg:radial-gradient(circle at 10% 0%, #20d48933, transparent 32%), radial-gradient(circle at 90% 5%, #4aa3ff33, transparent 30%), #07111f;--text:#ecf7ff;--muted:#92a9c6;--muted-2:#a8bdd8;--panel:#0d1b2fd6;--panel-soft:linear-gradient(135deg, #ffffff17, #ffffff09);--chip:#ffffff0e;--input:#ffffff0f;--border:#ffffff1a;--shadow:#00000047;--track:#ffffff12;--accent:#20d489;--accent-2:#39d9ff;--accent-soft:#20d4892e;--button-text:#04131b;--red:#ff5b6e;--blue:#4aa3ff;--yellow:#ffc857;--select-option-bg:#0d1b2f;width:min(1440px,100%);min-height:100vh;color:var(--text);margin:0 auto;padding:28px}body:has(.app-shell){background:var(--page-bg)}body:has(.theme-claro){background:linear-gradient(135deg,#f4faf7,#eafaf1 48%,#f4faf7)}body:has(.theme-escuro){background:radial-gradient(circle at 50% -10%,#22d3ee33,#0000 30%),linear-gradient(135deg,#030712,#07111f 55%,#020617)}.theme-claro{--page-bg:linear-gradient(135deg, #f4faf7, #eafaf1 48%, #f4faf7);--text:#14152b;--muted:#757892;--muted-2:#5f6f89;--panel:#fffffff0;--panel-soft:linear-gradient(135deg, #04785717, #0284c712);--chip:#14152b0d;--input:#ffffffe6;--border:#14152b17;--shadow:#14152b1a;--track:#14152b14;--accent:#047857;--accent-2:#0284c7;--accent-soft:#04785724;--button-text:#fff;--red:#f04438;--blue:#2e90fa;--yellow:#f79009;--select-option-bg:#fff}.theme-escuro{--page-bg:radial-gradient(circle at 50% -10%, #22d3ee33, transparent 32%), linear-gradient(135deg,#030712,#07111f 55%,#020617);--text:#f4f5fb;--muted:#9294ab;--muted-2:#b3b5c9;--panel:#171722e6;--panel-soft:linear-gradient(135deg,#22d3ee1f,#171722d9);--chip:#94a3b814;--input:#171722e0;--border:#94a3b829;--shadow:#00000070;--track:#94a3b821;--accent:#22d3ee;--accent-2:#34d399;--accent-soft:#22d3ee29;--button-text:#020617;--red:#f87171;--blue:#60a5fa;--yellow:#fbbf24;--select-option-bg:#171722}.vencimento-alert-banner{background:var(--panel);border:1px solid var(--red);box-shadow:0 12px 30px var(--shadow);border-radius:16px;align-items:center;gap:16px;margin-top:18px;padding:16px 20px;display:flex}.vencimento-alert-icon{background:color-mix(in srgb, var(--red) 16%, transparent);width:40px;height:40px;color:var(--red);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vencimento-alert-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vencimento-alert-text strong{color:var(--text);font-size:15px}.vencimento-alert-text span{color:var(--muted-2);font-size:13px}.vencimento-alert-text b{color:var(--red)}.vencimento-alert-action{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:600;transition:filter .15s}.vencimento-alert-action:hover{filter:brightness(1.08)}@media (width<=640px){.vencimento-alert-banner{flex-wrap:wrap}.vencimento-alert-action{width:100%}}.hero-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 8px 30px var(--shadow);color:var(--text);border-radius:28px;grid-template-columns:1fr auto;align-items:start;gap:22px;padding:34px;display:grid}.hero-panel .eyebrow{color:var(--accent)}.hero-panel h1{color:var(--text)}.hero-panel p{color:var(--muted-2)}.hero-panel .date-chip{background:var(--chip);border-color:var(--border)}.hero-panel .date-chip span,.hero-panel .date-chip strong{color:var(--text)}.hero-panel .date-chip small{color:var(--accent);opacity:1}.hero-panel .theme-controls>span{color:var(--muted)}.hero-panel .theme-option{background:var(--chip);border-color:var(--border);color:var(--text)}.hero-panel .theme-option.selected{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-text);box-shadow:0 10px 30px var(--accent-soft)}.hero-panel .brand-mark{background:var(--chip);color:var(--text)}.hero-panel .user-top-card span{color:var(--muted)}.hero-panel .user-top-card strong{color:var(--text)}.hero-panel .mini-logout{border-color:var(--border);color:var(--text)}.hero-main{min-width:0}.brand-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.dashboard-logo{object-fit:contain;object-position:left center;width:min(360px,58vw);max-height:116px;filter:drop-shadow(0 6px 16px var(--shadow))}.brand-mark{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#047857,#0284c7);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:900;display:inline-flex}.login-card-single .login-brand-row .brand-mark{margin:0 auto}.date-chip{border:1px solid var(--border);background:var(--chip);text-align:right;border-radius:20px;min-width:188px;padding:13px 15px}.date-chip span,.date-chip small{color:var(--muted);text-transform:capitalize;display:block}.date-chip strong{color:var(--text);letter-spacing:-1px;margin:3px 0;font-size:34px;display:block}.date-chip span{font-size:13px}.date-chip small{color:var(--accent);font-weight:800}.eyebrow{color:var(--accent);letter-spacing:.18em;margin-bottom:10px;font-size:13px;font-weight:900;display:inline-flex}h1,h2,p{margin:0}h1{max-width:760px;color:var(--text);letter-spacing:-2.5px;font-size:clamp(34px,5vw,62px);line-height:.96}.demo-tag{letter-spacing:.08em;vertical-align:middle;color:#fff;background:#f79009;border-radius:999px;margin-left:10px;padding:5px 12px;font-size:13px;font-weight:900;display:inline-block}h2{color:var(--text);margin-bottom:18px;font-size:22px}.hero-panel p{max-width:720px;color:var(--muted-2);margin-top:18px;font-size:18px}.hero-stats{grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;max-width:620px;margin-top:22px;display:grid}.hero-stat{background:var(--chip);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.hero-stat span{color:var(--muted);margin-bottom:6px;font-size:11.5px;display:block}.hero-stat strong{letter-spacing:-.3px;color:var(--text);font-size:17px;font-weight:800;display:block}.theme-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.theme-controls>span{color:var(--muted);font-weight:900}.theme-buttons{flex-wrap:wrap;gap:8px;display:flex}.theme-option,.apply-theme-button{border:1px solid var(--border);color:var(--text);background:var(--chip);cursor:pointer;border-radius:14px;padding:11px 14px;font-weight:950}.theme-option.selected,.apply-theme-button{color:var(--button-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 18px 45px var(--accent-soft);border-color:#0000}button:disabled{cursor:not-allowed;opacity:.62}.login-shell-single{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card-single{text-align:center;width:min(460px,100%);padding:44px 40px}.login-card-single .login-brand-row{justify-content:center;margin-bottom:8px}.login-card-single .login-brand-row .dashboard-logo{object-position:center}.login-single-title{letter-spacing:-1px;color:#ecf7ff;margin:4px 0 18px;font-size:30px}.login-card-single label{text-align:left}.login-card-single.compact-login{align-content:center;gap:10px;display:grid}.login-shell{color:#ecf7ff;grid-template-columns:1.05fr .95fr;align-items:stretch;gap:26px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:34px;display:grid}.login-shell.login-shell-single{grid-template-columns:none;justify-content:center;align-items:center;display:flex}.login-brand-panel,.login-card{background:#0d1b2fe0;border:1px solid #ffffff1a;border-radius:34px;box-shadow:0 28px 90px #00000052}.login-brand-panel{text-align:center;background:linear-gradient(135deg,#ffffff17,#ffffff09);flex-direction:column;justify-content:center;align-items:center;gap:46px;min-height:660px;padding:42px;display:flex}.login-brand-row{justify-content:center;margin-bottom:0}.login-brand-row .dashboard-logo{object-position:center}.login-brand-panel p{color:#a8bdd8;max-width:650px;margin-top:18px;font-size:19px;line-height:1.55}.login-role-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.login-role-grid article,.security-note,.readonly-panel{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:20px;padding:16px}.login-role-grid strong,.readonly-panel strong{color:#ecf7ff;margin-bottom:7px;display:block}.login-role-grid span,.security-note,.readonly-panel span{color:#92a9c6}.login-card{align-content:center;gap:16px;padding:34px;display:grid}.compact-login{grid-column:1/-1;min-height:260px}.login-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.login-header h2{color:#ecf7ff;letter-spacing:-1.3px;font-size:32px}.status-chip{color:#20d489;white-space:nowrap;background:#20d4891f;border:1px solid #20d48947;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:900}.login-card input{color:#ecf7ff;background:#ffffff0f}.login-submit-button{isolation:isolate;outline-offset:4px;border:1px solid #ecf7ff52;outline:1px solid #20d48938;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 20px 55px #20d4893d,inset 0 1px #ffffff5c}.login-submit-button:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffffff47,#0000 42%,#ffffff24);border:1px solid #ffffff47;border-radius:15px;position:absolute;inset:2px}.login-submit-button:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:38%;position:absolute;inset:-40% auto -40% -30%;transform:rotate(18deg)}.login-submit-button span{z-index:1;letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;width:100%;display:inline-flex;position:relative}.year-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 1px 2px var(--shadow), 0 8px 24px var(--shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;padding:16px 20px;display:flex}.year-panel .month-tabs{flex:auto}.year-nav{background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex}.year-nav-btn{border:1px solid var(--accent);background:var(--panel);width:28px;height:28px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.year-nav-btn:hover{background:var(--accent-soft)}.year-panel>strong,.year-nav strong{color:var(--accent);letter-spacing:-.5px;text-align:center;min-width:44px;font-size:20px;font-weight:900}.year-panel>span{border:1px solid var(--border);background:var(--chip);color:var(--text);border-radius:16px;padding:12px 14px;font-weight:950}.month-tabs{grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.month-tabs button{border:1px solid var(--border);color:var(--muted);background:var(--chip);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.month-tabs button.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 8px 20px var(--accent-soft);border:0}.month-card,.user-top-card,.kpi-card,.panel,.form-card,.toolbar-panel,.filter-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 1px 2px var(--shadow), 0 8px 24px var(--shadow);border-radius:20px}.month-card{border-radius:24px;min-width:210px;padding:22px}.user-top-card{min-width:160px;box-shadow:none;text-align:right;background:0 0;border:0;border-radius:0;padding:8px 0}.user-top-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.user-top-card strong{color:var(--text);letter-spacing:-.2px;margin-top:3px;font-size:16px;display:block}.user-top-card .mini-logout{background:0 0;border-radius:999px;justify-content:center;width:auto;min-width:62px;margin-top:8px;padding:6px 10px;font-size:12px;display:inline-flex}.month-card span,.kpi-card span,.kpi-card small,label,.list-item span{color:var(--muted)}.month-card strong{color:var(--text);margin-top:8px;font-size:25px;display:block}.toolbar-panel{border-radius:24px;grid-template-columns:320px 1fr;align-items:end;gap:18px;margin-top:20px;padding:18px;display:grid}.user-chips,.category-tabs{flex-wrap:wrap;gap:10px;display:flex}.user-chip,.category-tabs span{border:1px solid var(--border);background:var(--chip);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:inline-flex}.user-chip small,.category-tabs small{color:var(--muted);font-weight:700}.category-tabs.with-margin{margin-top:14px}.category-manage-list .category-item,.category-manage-list .category-edit-row{gap:6px}.mini-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.mini-button:hover{filter:brightness(1.15)}.mini-button.danger{color:#d9534f;border-color:#d9534f}.mini-button.ghost{border-radius:999px;width:auto;padding:0 10px}.category-edit-row{border:1px solid var(--border);background:var(--chip);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.category-edit-row input{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;min-width:140px;padding:6px 10px;font-weight:700}.parcelas-hint{background:var(--chip);border:1px solid var(--border);color:var(--muted);border-radius:14px;margin:4px 0 14px;padding:10px 14px;font-size:13px;font-weight:600}.parcela-badge{border:1px solid var(--border);background:var(--chip);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.parcela-badge.single{opacity:.6;font-weight:600}.banks-panel{flex-wrap:wrap;gap:14px;margin:16px 0;display:flex}.overview-grid{grid-template-columns:1fr 1fr 2fr;gap:14px;margin:20px 0;display:grid}.overview-card{flex-direction:column;display:flex}.overview-card-wide{grid-column:span 1}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-head h2{margin:0;font-size:14px}.panel-head-count{color:var(--muted);font-size:11.5px;font-weight:700}.bank-list{gap:10px;display:grid}.bank-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.bank-list-row:last-child{border-bottom:none}.bank-list-name{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.bank-list-logo{object-fit:contain;width:auto;height:20px}.bank-saldo-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.donut-wrap{align-items:center;gap:16px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:84px;height:84px;position:relative}.donut:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:14px}.legend{gap:7px;font-size:11.5px;display:grid}.legend-item{color:var(--text);align-items:center;gap:7px;font-weight:600;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-empty{color:var(--muted);font-size:13px}.due-list{gap:8px;display:grid}.due-list-row{background:var(--chip);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.due-list-row.late{background:#f044381a}.due-list-row.late .due-list-amt{color:var(--red)}.due-list-info{gap:2px;min-width:0;display:grid}.due-list-info strong{font-size:13px}.due-list-info span{color:var(--muted);font-size:11.5px}.due-list-amt{white-space:nowrap;font-size:13px;font-weight:700}@media (width<=1100px){.overview-grid{grid-template-columns:1fr 1fr}.overview-card-wide{grid-column:span 2}}@media (width<=700px){.overview-grid{grid-template-columns:1fr}.overview-card-wide{grid-column:span 1}.hero-stats{grid-template-columns:1fr}}.atraso-panel{margin:20px 0;padding:22px}.atraso-icon{margin-right:4px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--chip);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.filter-chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-text);box-shadow:0 6px 16px var(--accent-soft);border-color:#0000}.filter-chip.atraso.active{color:#fff;background:linear-gradient(135deg,#f04438,#dc2626);box-shadow:0 6px 16px #f0443847}.atraso-summary-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.atraso-summary-card{background:#f0443814;border:1px solid #f0443838;border-radius:14px;padding:14px 16px}.atraso-summary-card.neutro{background:var(--chip);border-color:var(--border)}.atraso-summary-card.neutro span{color:var(--muted)}.atraso-summary-card.neutro strong{color:var(--text)}.atraso-summary-card span{color:#b42318;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.atraso-summary-card strong{color:#b42318;font-size:20px;font-weight:900;display:block}.atraso-table{border-collapse:collapse;width:100%;margin-top:14px}.atraso-table th{text-align:left;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:9px 10px;font-size:11px;font-weight:700}.atraso-table td{border-bottom:1px solid var(--chip);color:var(--text);padding:12px 10px;font-size:13px}.atraso-table tr:last-child td{border-bottom:none}.atraso-amt{text-align:right;color:#dc2626;font-variant-numeric:tabular-nums;font-weight:800}.atraso-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.atraso-badge.leve{color:#b45309;background:#fff4e5}.atraso-badge.grave{color:#b42318;background:#f044381f}.atraso-footer-note{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.fluxo-panel{margin:20px 0;padding:22px}.fluxo-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.fluxo-header h2{margin:0;font-size:15px}.fluxo-toggle{background:var(--chip);border-radius:999px;gap:4px;padding:3px;display:flex}.fluxo-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700}.fluxo-toggle button.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-text)}.fluxo-legend{gap:18px;margin-bottom:16px;font-size:12px;display:flex}.fluxo-legend span{color:var(--muted);align-items:center;gap:6px;font-weight:600;display:flex}.fluxo-dot{border-radius:3px;width:9px;height:9px;display:inline-block}.fluxo-dot.receita{background:#12b76a}.fluxo-dot.despesa{background:#f04438}.fluxo-chart{border-bottom:2px solid var(--border);align-items:flex-end;gap:14px;height:160px;margin-bottom:16px;padding:10px 6px;display:flex;overflow-x:auto}.fluxo-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:40px;display:flex}.fluxo-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:130px;display:flex}.fluxo-bar{border-radius:4px 4px 0 0;width:14px;min-height:3px}.fluxo-bar.receita{background:#12b76a}.fluxo-bar.despesa{background:#f04438}.fluxo-label{color:var(--muted);font-size:10px;font-weight:600}.fluxo-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fluxo-card{border-radius:14px;padding:14px 16px}.fluxo-card span{text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.fluxo-card strong{font-size:19px;font-weight:900;display:block}.fluxo-card.pos{background:#12b76a1a}.fluxo-card.pos span,.fluxo-card.pos strong{color:#067a4a}.fluxo-card.neg{background:#f0443814}.fluxo-card.neg span,.fluxo-card.neg strong{color:#b42318}.fluxo-card.neutro{background:var(--chip)}.fluxo-card.neutro span{color:var(--muted)}.fluxo-card.neutro strong{color:var(--text)}.fluxo-card.neutro strong.red{color:#b42318}.fluxo-card.neutro strong.green{color:#067a4a}.fluxo-projecao-note{background:var(--accent-soft);color:var(--accent);border-radius:12px;margin-top:12px;padding:9px 14px;font-size:12px;font-weight:600}.fluxo-alert{color:#8a6a1f;background:#f790091f;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:12.5px;font-weight:600}.receita-panel{margin-top:20px}.receita-card{background:#f7900914!important;border-color:#f7900938!important}.receita-card span,.receita-card strong{color:#8a6a1f!important}.receita-badge{color:#8a6a1f;background:#f7900924}.receita-amt{text-align:right;color:#12b76a;font-variant-numeric:tabular-nums;font-weight:800}.bank-card{border:1px solid var(--border);background:var(--panel);box-shadow:0 1px 2px var(--shadow), 0 8px 24px var(--shadow);border-radius:999px;flex-direction:column;align-items:center;gap:8px;min-width:160px;padding:14px 20px;display:flex}.bank-logo{object-fit:contain;width:auto;height:28px}.bank-card strong{font-size:18px;font-weight:800}.bank-saldo-button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.bank-saldo-hint{color:var(--muted);opacity:0;font-size:10px;transition:opacity .15s}.bank-saldo-button:hover .bank-saldo-hint{opacity:1}.bank-saldo-edit{align-items:center;gap:6px;display:inline-flex}.bank-saldo-edit input{border:1px solid var(--border);width:100px;color:var(--text);text-align:right;background:0 0;border-radius:999px;padding:6px 10px;font-weight:700}.baixa-inline{align-items:center;gap:6px;display:inline-flex}.baixa-inline select{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0;display:grid}.filter-panel{border-radius:24px;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.1fr) minmax(140px,.6fr) minmax(140px,.6fr) 150px 150px;align-items:end;gap:14px;margin-bottom:20px;padding:18px;display:grid}.filter-panel .ghost-button{margin-top:0}.filter-summary{border:1px solid var(--border);background:var(--chip);border-radius:16px;align-content:center;min-height:54px;padding:10px 14px;display:grid}.filter-summary span,.filter-summary small{color:var(--muted);font-weight:700}.filter-summary strong{color:var(--text);font-size:24px;line-height:1}.kpi-card{border-radius:20px;padding:22px}.kpi-card strong{letter-spacing:-1px;margin:10px 0 6px;font-size:clamp(24px,3vw,34px);display:block}.green{color:var(--accent)}.red{color:var(--red)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.content-grid,.management-grid{grid-template-columns:.95fr 1.05fr;gap:20px;display:grid}.management-grid{margin-bottom:20px}.management-grid.single{grid-template-columns:1fr}.management-grid.import-layout{grid-template-columns:1fr;align-items:stretch}.content-grid.single-content{grid-template-columns:1fr}.compact-form h2{margin-bottom:14px}.category-import-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.category-import-header h2{margin:0}.inline-import-button{width:auto;min-width:190px;min-height:46px;padding:12px 18px}.inline-import-message{margin:0 0 14px}.import-history{flex-direction:column;gap:8px;margin:0 0 16px;display:flex}.import-history-item{border:1px solid var(--border);background:var(--chip);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.import-history-info{gap:2px;min-width:0;display:grid}.import-history-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-history-info small{color:var(--muted)}.import-spreadsheet-card{background:linear-gradient(135deg, var(--panel), var(--accent-soft));flex-direction:column;justify-content:space-between;gap:14px;min-height:100%;display:flex}.import-spreadsheet-card p{color:var(--muted-2);font-size:15px}.mock-upload-field{border:1px dashed var(--accent);background:var(--chip);color:var(--text);cursor:pointer;border-radius:18px;padding:16px}.mock-upload-field.only-upload-button{min-height:58px;color:var(--button-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 18px 45px var(--accent-soft);border-style:solid;border-color:#0000;justify-content:center;align-items:center;font-size:16px;font-weight:950;display:flex}.mock-upload-field.only-upload-button span{color:var(--button-text);margin-top:0;font-size:16px;font-weight:950}.mock-upload-field input{display:none}.mock-upload-field span,.import-note{color:var(--muted);margin-top:6px;font-size:13px;font-weight:700;display:block}.import-button{margin-top:0}.import-success-message{color:var(--accent);background:var(--accent-soft);border:1px solid #20d48961;border-radius:16px;padding:12px 14px;font-size:14px;display:block}.readonly-panel{gap:4px;margin-bottom:20px;display:grid}.user-list{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.user-item{border:1px solid var(--border);background:var(--chip);border-radius:16px;flex-direction:column;flex:260px;align-items:stretch;gap:10px;max-width:340px;padding:12px 14px;display:flex}.user-item-info{gap:3px;min-width:0;display:grid}.user-item-actions{flex-wrap:wrap;gap:8px;display:flex}.user-item-editando{flex-direction:column}.user-item-editando>select{width:100%}.user-edit-nome{border:1px solid var(--border);background:var(--input);min-width:140px;color:var(--text);border-radius:10px;flex:1;padding:6px 10px}.user-item-editando select{border:1px solid var(--border);background:var(--input);width:auto;color:var(--text);border-radius:10px;padding:6px 10px}.login-error-box{text-align:left;background:#ff5b6e1a;border:1px solid #ff5b6e59;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.login-error-box strong{color:#ff5b6e;font-size:14px}.login-error-box span{color:var(--muted-2);font-size:13px}.user-item small{color:var(--muted)}.mini-logout{border:1px solid var(--border);width:100%;color:var(--text);background:var(--chip);cursor:pointer;border-radius:12px;margin-top:12px;padding:8px 10px;font-weight:900}.inline-fields{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.secondary-button,.save-button,.ghost-button{border:1px solid var(--border);width:100%;color:var(--text);background:var(--chip);cursor:pointer;border-radius:16px;margin-top:14px;padding:13px 16px;font-weight:900}.save-button,.primary-button{color:var(--button-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));border:0}.ghost-button.danger{color:var(--red);border-color:#ff5b6e4d}.bottom-grid{grid-template-columns:.75fr 1.25fr;gap:20px;margin-top:20px;display:grid}.panel,.form-card{border-radius:20px;padding:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}label{gap:7px;font-size:14px;font-weight:700;display:grid}label.wide{grid-column:1/-1}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:var(--input);border-radius:15px;padding:13px 14px}select option{color:#111;background:#fff}.primary-button{cursor:pointer;width:100%;box-shadow:0 12px 32px var(--accent-soft);border-radius:999px;margin-top:16px;padding:13px 18px;font-weight:800}.bars,.comparison-chart,.list{gap:14px;display:grid}.comparison-row{gap:9px;display:grid}.comparison-row>div:first-child,.chart-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.comparison-row span,.chart-summary span{color:var(--muted);font-weight:800}.comparison-row strong,.chart-summary strong{font-size:22px}.comparison-track,.bar-track{background:var(--track);border-radius:999px;overflow:hidden}.comparison-track{height:18px}.bar-track{height:13px}.comparison-track div,.bar-track div{border-radius:inherit;height:100%}.comparison-row.income .comparison-track div{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.comparison-row.expense .comparison-track div{background:linear-gradient(90deg, var(--red), var(--yellow))}.chart-summary{border:1px solid var(--border);background:var(--chip);border-radius:18px;margin-top:18px;padding:14px}.section-spaced{margin-top:24px}.bar-row{color:var(--text);grid-template-columns:minmax(160px,1fr) minmax(180px,2fr) minmax(112px,auto);align-items:center;gap:14px;display:grid}.category-bars{gap:12px}.category-bar-row{background:#ffffff09;border:1px solid #ffffff0f;border-radius:18px;min-height:52px;padding:10px 12px}.bar-label{gap:4px;min-width:0;display:grid}.bar-label span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.bar-label small{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:800}.category-bar-row strong{min-width:112px;color:var(--text);text-align:right;white-space:nowrap;justify-self:end;font-size:14px;font-weight:900}.empty-chart-message{border:1px solid var(--border);color:var(--muted);background:var(--chip);border-radius:16px;margin:0;padding:14px;font-weight:750}.bar-track div{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--blue))}.ai-box{border:1px solid var(--border);background:linear-gradient(135deg, var(--accent-soft), #39d9ff14);border-radius:22px;margin-top:20px;padding:18px}.ai-box strong{color:var(--text);margin-bottom:6px;display:block}.ai-box p{color:var(--muted-2)}.list-item{border:1px solid var(--border);background:var(--chip);color:var(--text);border-radius:18px;justify-content:space-between;gap:14px;padding:15px;display:flex}.list-item span{margin-top:4px;font-size:14px;display:block}.list-item.late{background:#ff5b6e14;border-color:#ff5b6e59}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px;color:var(--text)}th,td{border-bottom:1px solid var(--border);text-align:left;padding:14px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.status{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pago{color:#12b76a;background:#12b76a24}.status-pendente{color:#f79009;background:#f7900924}.table-actions{gap:8px;display:flex}.table-actions button{border:1px solid var(--border);color:var(--text);background:var(--chip);cursor:pointer;border-radius:10px;padding:8px 10px}.table-actions button:last-child{color:var(--red);border-color:#ff5b6e47}@media (width<=920px){.app-shell{padding:16px}.hero-panel,.toolbar-panel,.year-panel,.filter-panel,.content-grid,.management-grid,.bottom-grid,.login-shell{grid-template-columns:1fr}.login-brand-panel{gap:32px;min-height:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.brand-row{flex-direction:column;align-items:flex-start}.date-chip{text-align:left;width:100%}.month-tabs{grid-template-columns:repeat(6,1fr)}}@media (width<=560px){.kpi-grid,.form-grid,.inline-fields,.bar-row{grid-template-columns:1fr}.hero-panel{padding:24px}}.recorrencia-hint{color:var(--muted);margin:-4px 0 14px;font-size:13px}.recorrencia-create-grid{grid-template-columns:repeat(3,1fr)}.recorrencia-list{gap:10px;margin-top:18px;display:grid}.recorrencia-item{border:1px solid var(--border);background:var(--chip);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.recorrencia-item.inativa{opacity:.55}.recorrencia-item-info{gap:2px;min-width:0;display:grid}.recorrencia-item-info strong{color:var(--text);font-size:13.5px}.recorrencia-item-info span{color:var(--muted);font-size:12px}.recorrencia-item-info small{color:var(--muted);opacity:.8;font-size:10.5px}.recorrencia-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.recorrencia-status{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800}.recorrencia-status.ativa{color:#12b76a;background:#12b76a24}.recorrencia-status.pausada{background:var(--track);color:var(--muted)}.recorrencia-item-editando{border:1px solid var(--accent);background:var(--accent-soft);flex-direction:column;align-items:stretch;gap:12px}.recorrencia-item-editando .recorrencia-item-actions{justify-content:flex-end}@media (width<=700px){.recorrencia-create-grid{grid-template-columns:1fr}.recorrencia-item{flex-direction:column;align-items:flex-start}}.annual-toggle-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700}.annual-toggle-btn:hover{background:var(--accent-soft)}.annual-panel{margin:20px 0;padding:22px}.annual-chart{border-bottom:2px solid var(--border);align-items:flex-end;gap:10px;height:170px;margin:16px 0;padding:10px 4px;display:flex;overflow-x:auto}.export-panel{border:1px solid var(--border);background:var(--panel);box-shadow:0 1px 2px var(--shadow), 0 8px 24px var(--shadow);border-radius:18px;flex-direction:column;gap:14px;margin:16px 0 20px;padding:18px 20px;display:flex}.export-label{color:var(--text);font-size:13px;font-weight:800}.export-groups{flex-wrap:wrap;gap:22px;display:flex}.export-group{flex-direction:column;gap:8px;display:flex}.export-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.export-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=700px){.export-panel{align-items:flex-start}.export-groups{flex-direction:column;gap:14px}}.auto-badge{background:linear-gradient(135deg, var(--accent-soft), #0284c71f);color:var(--accent);border:1px solid var(--accent);letter-spacing:.01em;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.autor-chip{color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.autor-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:22px;height:22px;color:var(--button-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-weight:800;display:inline-flex}