.finance-page{display:flex;flex-direction:column;gap:14px;max-width:none;margin:0}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.finance-header h1{margin:4px 0 6px}.finance-header>div>span{color:var(--muted);font-size:14px;font-weight:750}
.finance-new-movement-button{width:auto;min-height:44px;margin:0;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #22d3ee66;background:linear-gradient(110deg,#09a8c3,#0891b2);color:#fff;box-shadow:0 10px 22px #0891b226;white-space:nowrap;text-decoration:none}
.finance-new-movement-button:hover{background:linear-gradient(110deg,#0db9d4,#079fbe);transform:translateY(-1px)}

.finance-filters{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.finance-filters nav,.finance-filters form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.finance-filters a,.finance-filters form>.button{width:auto;min-height:40px;margin:0;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:800}
.finance-filters a.active{background:linear-gradient(110deg,#09a8c3,#0891b2);border-color:#22d3ee55;color:#fff}
.finance-filters select{width:auto;min-width:158px;min-height:40px;padding:0 12px;border-radius:999px}
.finance-filters .select-shell{width:auto;min-width:158px}.finance-filters .select-trigger{min-height:40px;border-radius:999px;font-size:13px}
.finance-date-filter{min-height:40px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}
.finance-date-filter input{width:118px;min-height:30px;padding:0;border:0;background:transparent;color:var(--text);font-size:13px}.finance-date-filter input:focus{box-shadow:none}

.finance-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-breakdown{display:grid;grid-template-columns:1fr;gap:12px}
.finance-block{padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;box-shadow:none}
.finance-block.result{border-color:#22c55e3d}.finance-block.result:has(.finance-stat.lucro.finance-negative){border-color:#ef444452}.finance-block.result:has(.finance-stat.lucro.finance-neutral){border-color:var(--line)}
.finance-block-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.finance-block-title h2{margin:4px 0 0;font-size:16px}
.finance-summary,.finance-origin-grid,.finance-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.finance-summary.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary.money-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-summary.compact .finance-stat{min-height:76px}
.finance-origin-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.sales-origin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.committed-origin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.finance-stat,.finance-origin-grid>div,.finance-insight-grid>div{min-height:104px;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}
.finance-origin-grid>div{min-height:72px}.finance-insight-grid>div{min-height:66px;padding:12px 14px;background:var(--panel-soft)}
.finance-stat span,.finance-origin-grid span,.finance-insight-grid span{color:var(--muted);font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;min-width:0}
.finance-help{position:relative;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;cursor:help}
.finance-help::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:30;width:min(260px,72vw);padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 16px 36px #0008;font-size:12px;font-weight:700;line-height:1.35;text-align:left;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:.16s ease}
.finance-help:hover,.finance-help:focus{border-color:#67e8f966;color:var(--accent)}.finance-help:hover::after,.finance-help:focus::after{opacity:1;transform:translate(-50%,0)}
.finance-stat strong{font-size:24px;line-height:1;color:inherit;white-space:nowrap}.finance-origin-grid strong{font-size:18px;line-height:1;color:var(--accent);white-space:nowrap}.finance-insight-grid strong{color:var(--text);font-size:18px;line-height:1;white-space:nowrap}
.finance-origin-grid small,.finance-insight-grid small{margin-top:6px;color:var(--success);font-size:12px;font-weight:850}
.finance-stat.entrada strong{color:#22d56a}.finance-stat.saida strong{color:#fb6670}.finance-positive{color:#22d56a!important}.finance-negative{color:#fb6670!important}.finance-neutral{color:var(--muted)!important}.finance-warning{color:#ffb000!important}
.finance-origin-grid .finance-committed strong,.finance-origin-grid .finance-committed small{color:#ffb000}.finance-origin-grid .finance-loss strong{color:#fb6670}

.finance-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.4fr);gap:18px;align-items:start}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{margin:4px 0 0}.finance-form-card,.finance-list-card{margin-bottom:0;padding:20px}
.finance-manual-card{position:relative;border-color:#18c7d994;background:#18c7d914;box-shadow:inset 3px 0 0 var(--accent),0 14px 30px #0891b214}.finance-manual-card .section-heading{align-items:flex-start}.finance-manual-card .section-heading h2{color:var(--accent)}
.finance-manual-description{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:750}.finance-manual-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(110deg,#09a8c3,#0891b2);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 18px #0891b238}
.finance-form-card form{display:flex;flex-direction:column;gap:14px}.finance-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-form-card label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750}.finance-form-card input,.finance-form-card select{min-height:44px;background:var(--input);border-color:var(--line)}.finance-form-card .select-trigger{min-height:44px}.finance-form-card .button-success{width:auto;min-height:46px;margin:0;align-self:flex-start;padding:0 16px}
.finance-list-card>.section-heading>span{color:var(--muted);font-size:11px}.finance-list{max-height:640px;padding-right:6px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.finance-list::-webkit-scrollbar{width:8px}.finance-list::-webkit-scrollbar-thumb{border-radius:999px;background:#18c7d961}
.finance-search{position:relative;display:flex;align-items:center;margin:-2px 0 6px}.finance-search>span{position:absolute;left:14px;color:var(--accent);font-size:21px;font-weight:900;pointer-events:none}.finance-search input{width:100%;min-height:46px;padding:0 46px 0 42px;border-color:var(--line);background:var(--input);font-weight:700}.finance-search input:focus{border-color:#22d3ee88;box-shadow:0 0 0 3px #22d3ee12}.finance-search button{position:absolute;right:8px;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--panel-soft);color:var(--muted);font-size:19px}.finance-search-status{display:block;min-height:18px;margin:0 2px 10px;color:var(--muted);font-size:10px;font-weight:750}.finance-empty{display:grid;gap:5px}.finance-empty span{font-size:11px}
.finance-row{min-height:82px;padding:16px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel-soft);display:grid;grid-template-columns:minmax(0,1fr) 150px 80px 92px;gap:12px;align-items:center}
.finance-row[hidden],.finance-empty[hidden]{display:none!important}
.finance-row-open{display:flex;align-items:center;gap:11px;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.finance-row-open:hover .finance-description strong{color:var(--accent)}
.finance-badges{display:grid;gap:4px;width:68px;flex:0 0 68px}.finance-badges em,.finance-badges i,.finance-lock{padding:4px 6px;border-radius:6px;font-size:9px;text-align:center;font-style:normal;font-weight:800}.finance-badges em{color:#22d56a;background:#22c55e18}.finance-badges em.saida,.finance-badges em.perda{color:#fb6670;background:#ef444418}.finance-badges em.capital{color:#60a5fa;background:#3b82f618}.finance-badges i,.finance-lock{color:var(--muted);background:#0b1628}
.finance-description{display:grid;gap:3px;min-width:0}.finance-description strong,.finance-description small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-description strong{font-size:13px}.finance-description small{color:var(--muted);font-size:10px}
.finance-values{display:grid;gap:3px}.finance-values strong{font-size:13px}.finance-values small{font-size:10px}.finance-row time{display:grid;color:var(--muted);font-size:10px}.finance-row time small{font-size:9px}.finance-row form{margin:0}.finance-row .delete-button{padding:7px 9px;font-size:10px}.finance-empty{padding:42px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}

.finance-detail{width:min(650px,calc(100vw - 32px));padding:26px;border:1px solid #22d3ee55;border-radius:16px;background:#111c2f;color:var(--text);box-shadow:0 28px 80px #000b}.finance-detail::backdrop{background:#020817cf;backdrop-filter:blur(5px)}.finance-detail>button{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:#fff;font-size:20px}.finance-detail>p{color:var(--muted)}.finance-detail-total{display:grid;grid-template-columns:1fr auto;gap:4px;margin:18px 0;padding:18px;border-radius:12px;background:linear-gradient(120deg,#0c3445,#16243a)}.finance-detail-total span{font-size:11px;color:var(--muted)}.finance-detail-total strong{font-size:27px;color:var(--accent)}.finance-detail-total em{grid-column:2;grid-row:1/3;align-self:center;padding:7px 9px;border-radius:7px;background:#091323;font-style:normal}.finance-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.finance-detail-grid>div{padding:13px;border:1px solid var(--line);border-radius:9px}.finance-detail-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.finance-detail-grid strong{font-size:13px}

@media(max-width:1250px){.finance-header{align-items:flex-start}.finance-filters{align-items:flex-start}.finance-overview,.finance-layout{grid-template-columns:1fr}.committed-origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-list{max-height:none}}
@media(min-width:1001px) and (max-width:1450px){
    body:has(.finance-page) .sidebar{visibility:hidden;transform:translateX(-100%);transition:transform .2s ease}
    body:has(.finance-page).app-layout .topbar{margin-left:0;padding:12px 20px}
    body:has(.finance-page).app-layout .page{margin-left:0;padding:24px 20px 48px}
    body:has(.finance-page) .menu-toggle{display:inline-flex}
    body:has(.finance-page).nav-open{overflow:hidden}
    body:has(.finance-page).nav-open .sidebar{visibility:visible;transform:translateX(0)}
    body:has(.finance-page).nav-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:90;background:#020817b3;border:0}
}
@media(max-width:800px){.page-header{display:block}.finance-new-movement-button{margin-top:14px}.finance-filters{display:block}.finance-filters form{margin-top:10px}.finance-summary.money-summary,.sales-origin-grid,.finance-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-row{grid-template-columns:minmax(0,1fr) auto}.finance-row time,.finance-lock{display:none}.finance-values{text-align:right}.finance-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.finance-summary.money-summary,.finance-summary.compact,.sales-origin-grid,.committed-origin-grid,.finance-insight-grid,.finance-form-grid{grid-template-columns:1fr}.finance-filters form>*{width:100%}.finance-date-filter input{width:100%}.finance-filters .select-shell{width:100%}.finance-filters form>.button{width:100%}}
