:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--line: #dfe7f1;--line-strong: #cbd7e6;--text: #172033;--muted: #64748b;--brand: #2563eb;--brand-dark: #1d4ed8;--success: #16a34a;--warning: #ca8a04;--radius: 10px;--shadow-sm: 0 10px 24px rgba(15, 23, 42, .06);--shadow-md: 0 18px 48px rgba(15, 23, 42, .1);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30vw),linear-gradient(180deg,#f8fbff 0%,var(--bg) 42%)}button,input,select{font:inherit}input,select{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 13px;background:#fff;color:var(--text);box-shadow:0 1px #0f172a05;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}button{border:0;cursor:pointer;transition:transform .14s ease,background .16s ease,color .16s ease,box-shadow .16s ease}input:focus,select:focus{border-color:#93b4f8;outline:none;box-shadow:0 0 0 4px #2563eb1f}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.72}h1,h2,p{margin:0}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:15px 14px;border-bottom:1px solid #e8eef6;text-align:left;font-size:14px}th{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:#f6f9fd}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fbfdff}.sort-button{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0;background:transparent;color:inherit;font-weight:inherit;white-space:nowrap}.sort-button:hover,.sort-button:focus-visible{color:#1d4ed8}.sort-button:focus-visible{outline:2px solid #93c5fd;outline-offset:3px;border-radius:4px}.category-tag{display:inline-flex;align-items:center;min-height:26px;max-width:180px;padding:3px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--category-color) 34%,white);border-radius:999px;background:color-mix(in srgb,var(--category-color) 12%,white);color:var(--category-color);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.expense-type-tag{display:inline-flex;align-items:center;min-height:26px;max-width:150px;padding:3px 9px;overflow:hidden;border-radius:6px;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.expense-type-tag.fixed{border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8}.expense-type-tag.card{border:1px solid #c4b5fd;background:#f5f3ff;color:#6d28d9}.expense-type-tag.unplanned{border:1px solid #fca5a5;background:#fef2f2;color:#b91c1c}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-pill.active{border:1px solid #86efac;background:#f0fdf4;color:#15803d}.status-pill.inactive{border:1px solid #cbd5e1;background:#f8fafc;color:#64748b}.card-thumb{width:72px;height:44px;display:block;object-fit:cover;border:1px solid #d7deea;border-radius:6px;background:#f8fafc}.card-image-field{display:flex;gap:8px;align-items:center}.card-image-field input{min-width:0}.card-image-field button{white-space:nowrap}.card-preview{width:144px;height:88px;display:block;object-fit:cover;border:1px solid #d7deea;border-radius:7px;background:#f8fafc}.checkbox-field{min-height:42px;display:inline-flex;align-items:center;gap:8px;color:#334155;font-size:14px;font-weight:700}.checkbox-field input{width:18px;min-height:18px;accent-color:#2563eb}.app-shell{display:grid;grid-template-columns:272px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px;background:linear-gradient(180deg,#0f172a,#111827 55%,#172033);color:#fff;box-shadow:12px 0 36px #0f172a29}.brand{display:flex;gap:12px;align-items:center;min-height:48px;padding:8px}.brand>svg{width:42px;height:42px;padding:9px;border-radius:12px;background:#ffffff1a;color:#bfdbfe}.brand div{display:grid;gap:2px}.brand span,.topbar span{color:#9ca3af;font-size:13px}.brand strong{font-size:18px}.sidebar nav{display:grid;gap:7px}.sidebar a,.ghost-button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 13px;border-radius:10px;color:#cbd5e1;text-decoration:none;background:transparent;font-weight:750}.sidebar a.active,.sidebar a:hover,.ghost-button:hover{background:#ffffff1a;color:#fff}.sidebar a.active{box-shadow:inset 3px 0 #60a5fa}.ghost-button{margin-top:auto}.content{min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:70px;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;border-bottom:1px solid rgba(223,231,241,.86);background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar div{display:grid;gap:2px;text-align:right}.page{display:grid;gap:24px;padding:34px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.page-header h1{font-size:31px;line-height:1.2;letter-spacing:0}.page-header p{color:var(--muted);margin-top:6px}.filters{display:flex;gap:10px;min-width:min(520px,100%)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats-grid.single-stat{grid-template-columns:minmax(0,1fr)}.stat-card,.panel,.category-card,.login-panel{background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-card{position:relative;display:grid;gap:9px;min-height:126px;padding:20px;overflow:hidden;border-top:0;background:linear-gradient(135deg,rgba(37,99,235,.1),transparent 60%),#fff}.stat-card.green{background:linear-gradient(135deg,rgba(22,163,74,.11),transparent 60%),#fff}.stat-card.amber{background:linear-gradient(135deg,rgba(202,138,4,.12),transparent 60%),#fff}.stat-card-marker{width:36px;height:5px;border-radius:999px;background:var(--brand)}.stat-card.green .stat-card-marker{background:var(--success)}.stat-card.amber .stat-card-marker{background:var(--warning)}.stat-card span{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.stat-card strong{color:#111827;font-size:29px;line-height:1.12}.split-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start}.panel{padding:22px;min-width:0}.panel h2{font-size:19px;margin-bottom:14px}.installments-chart-panel{overflow:hidden}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.chart-heading h2{margin-bottom:3px}.chart-heading p{color:#64748b;font-size:13px}.chart-heading-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#e8f0ff;color:#2563eb}.chart-state{min-height:230px;display:grid;place-items:center;color:#64748b;font-size:14px;text-align:center}.chart-scroll{overflow-x:auto;padding:8px 2px 4px}.installments-chart{--chart-columns: 1;min-width:max(100%,calc(var(--chart-columns) * 92px));height:285px;display:grid;grid-template-columns:repeat(var(--chart-columns),minmax(78px,1fr));align-items:end;gap:10px;padding:20px 10px 0;border-bottom:1px solid #d7deea;background:linear-gradient(to bottom,#e9edf4 1px,transparent 1px);background-size:100% 25%}.chart-column{height:100%;min-width:0;display:grid;grid-template-rows:44px minmax(0,1fr) 34px;align-items:end;padding:0 5px;border-radius:6px 6px 0 0;background:transparent;color:#64748b}.chart-column:hover,.chart-column:focus-visible{background:#f8fafc;outline:none}.chart-value{align-self:start;overflow:hidden;color:#475569;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chart-value small{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:700}.chart-bar{width:min(48px,72%);height:var(--bar-height);min-height:8px;justify-self:center;border-radius:6px 6px 0 0;background:#2563eb;transition:height .22s ease,background .16s ease}.chart-column:hover .chart-bar,.chart-column:focus-visible .chart-bar{background:#1d4ed8}.chart-column.selected .chart-bar{background:#16a34a}.chart-column.selected .chart-month{color:#15803d;font-weight:800}.chart-month{align-self:center;color:#64748b;font-size:12px;text-transform:capitalize}.projection-chart-panel{overflow:hidden}.projection-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow-sm)}.projection-tabs button{min-height:40px;flex:0 0 auto;border-radius:8px;padding:0 14px;background:transparent;color:#475569;font-weight:800;white-space:nowrap}.projection-tabs button:hover,.projection-tabs button.active{background:#e8f0ff;color:#1d4ed8}.projection-total-chart{--chart-columns: 1;min-width:max(100%,calc(var(--chart-columns) * 98px));height:300px;display:grid;grid-template-columns:repeat(var(--chart-columns),minmax(82px,1fr));align-items:end;gap:10px;padding:20px 10px 0;border-bottom:1px solid #d7deea;background:linear-gradient(to bottom,#e9edf4 1px,transparent 1px);background-size:100% 25%}.projection-column{height:100%;min-width:0;display:grid;grid-template-rows:44px minmax(0,1fr) 34px;align-items:end;padding:0 5px}.category-projection-chart{--chart-columns: 1;min-width:max(100%,calc(var(--chart-columns) * 176px));display:grid;grid-template-columns:repeat(var(--chart-columns),minmax(158px,1fr));align-items:start;gap:16px;padding:8px 8px 6px}.category-month-column{min-width:0;display:grid;gap:12px;align-items:center;justify-items:center;padding:16px 12px;border:1px solid #e5eaf2;border-radius:9px;background:linear-gradient(180deg,#fff,#f8fafc);text-align:center;box-shadow:0 12px 28px #0f172a0d}.category-pie{width:132px;height:132px;display:grid;place-items:center;border-radius:999px;background:var(--pie-background);box-shadow:inset 0 0 0 1px #0f172a14,0 18px 34px #0f172a1f}.category-pie span{width:78px;height:78px;display:grid;gap:2px;place-items:center;border-radius:999px;background:#fff;color:#334155;font-weight:800;text-align:center;box-shadow:0 8px 18px #0f172a24}.category-month-column strong{overflow:hidden;color:#111827;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.category-pie small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.category-month-column>span{color:#64748b;font-size:12px;text-transform:capitalize}.projection-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}.projection-legend div{min-width:0;display:grid;grid-template-columns:12px minmax(0,1fr);gap:3px 8px;align-items:center;padding:10px;border:1px solid #e5eaf2;border-radius:7px;background:#f8fafc}.projection-legend span{width:12px;height:12px;border-radius:999px}.projection-legend strong{overflow:hidden;color:#334155;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.projection-legend small{grid-column:2;color:#64748b;font-size:12px}.table-wrap{overflow-x:auto;border:1px solid #edf2f7;border-radius:var(--radius)}.table-wrap table{min-width:760px}.table-wrap input[type=checkbox]{width:18px;min-height:18px;accent-color:#2563eb}.category-list{display:grid;gap:10px}.category-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e5eaf2}.dashboard-summary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-summary-grid.single-panel{grid-template-columns:minmax(0,1fr)}.summary-list{display:grid;gap:10px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf2f7}.summary-row div{min-width:0;display:grid;gap:4px}.summary-row strong{color:var(--text)}.summary-row span,.empty-state{color:var(--muted);font-size:13px}.empty-state{padding:14px 0}.summary-row>strong{flex:0 0 auto;white-space:nowrap}.card-invoices-list{display:grid;gap:18px}.card-invoice-tabs{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:var(--shadow-sm)}.card-invoice-tabs button{min-width:170px;min-height:58px;display:grid;gap:4px;align-content:center;flex:0 0 auto;border-radius:8px;padding:8px 13px;background:transparent;color:#475569;text-align:left}.card-invoice-tabs button:hover,.card-invoice-tabs button.active{background:#e8f0ff;color:#1d4ed8}.card-invoice-tabs span{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.card-invoice-tabs strong{color:#172033;font-size:15px}.card-invoice-panel{display:grid;gap:18px}.invoice-purchase-form{grid-template-columns:minmax(210px,1.2fr) repeat(4,minmax(130px,1fr))}.form-context{display:grid;gap:4px;align-self:stretch;min-height:78px;padding:12px;border:1px solid #dbe7f6;border-radius:8px;background:#f8fbff}.form-context span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.form-context strong{color:#172033;font-size:15px}.form-context small{color:#64748b;font-size:12px;font-weight:700}.bulk-actions-panel{display:grid;gap:16px;border-color:#bfdbfe;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 62%),#fff}.bulk-actions-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr)) auto;gap:12px;align-items:end}.bulk-actions-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end}.card-invoice-panel .section-heading>strong{color:#111827;font-size:24px;white-space:nowrap}.invoice-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.invoice-summary-grid div{display:grid;gap:5px;min-height:92px;padding:14px;border:1px solid #e5eaf2;border-radius:8px;background:#f8fafc}.invoice-summary-grid span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.invoice-summary-grid strong{color:#172033;font-size:22px}.invoice-summary-grid small{color:#64748b;font-size:12px;font-weight:700}.invoice-kind{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.invoice-kind.oneTime{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.invoice-kind.installment{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.invoice-kind.credit,.credit-tag{border:1px solid #fecaca;background:#fff1f2;color:#be123c}.user-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.user-type-card{min-height:150px;display:grid;gap:18px;padding:18px;border:1px solid #e5eaf2;border-radius:8px;background:#f8fafc}.user-type-card.buyers{background:#fff7ed;border-color:#fed7aa}.user-type-card>div{display:grid;gap:6px}.user-type-card span{color:#64748b;font-size:13px;font-weight:800}.user-type-card strong{color:#172033;font-size:28px}.user-type-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.user-type-card dl div{display:grid;gap:3px}.user-type-card dt,.user-type-card dd{margin:0}.user-type-card dt{color:#64748b;font-size:12px}.user-type-card dd{color:#172033;font-size:13px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.form-field{min-width:0;display:grid;gap:6px;color:#475569;font-size:13px;font-weight:800}.form-field input,.form-field select{margin:0}.filters .form-field{flex:1 1 0}.expenses-filters{min-width:min(820px,100%);flex-wrap:wrap}.expenses-filters .search-field{flex:1 1 280px}.search-input{position:relative;min-width:0}.search-input svg{position:absolute;top:50%;left:12px;color:#64748b;transform:translateY(-50%);pointer-events:none}.search-input input{padding-left:38px;padding-right:42px}.search-input button{position:absolute;top:50%;right:7px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#64748b;transform:translateY(-50%)}.search-input button:hover{background:#eef2f7;color:#334155}.compact-form{grid-template-columns:minmax(180px,1.4fr) minmax(140px,.8fr) minmax(150px,.8fr) minmax(180px,1.2fr) max-content;margin-bottom:18px}.payment-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.primary-button{min-height:44px;border-radius:var(--radius);padding:0 16px;background:var(--brand);color:#fff;font-weight:800;box-shadow:0 10px 20px #2563eb38}.primary-button:hover{background:var(--brand-dark);box-shadow:0 12px 26px #2563eb47}.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);padding:0 14px;background:#e8f0ff;color:#1d4ed8;font-weight:800}.secondary-button.compact{min-height:34px;padding:0 10px;font-size:12px;white-space:nowrap}.icon-button{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius);background:#eef2f7;color:#334155}.icon-button:hover{background:#dfe6ef}.icon-button.danger{background:#fee2e2;color:#b91c1c}.icon-button.danger:hover{background:#fecaca}.actions-cell{width:104px;text-align:right}.notes-cell{max-width:240px;color:#475569;overflow-wrap:anywhere}.table-actions{display:flex;justify-content:flex-end;gap:7px}.pix-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(240px,1fr);gap:20px;align-items:center;padding:20px;border:1px solid #bfe7d1;border-radius:var(--radius);background:#f2fbf6}.pix-heading{display:flex;align-items:center;gap:12px}.pix-heading div:last-child{display:grid;gap:4px}.pix-heading h2{font-size:18px}.pix-heading span,.pix-key-row span{color:#64748b;font-size:13px}.pix-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#dcfce7;color:#15803d}.pix-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.pix-key-row div{display:grid;gap:5px;min-width:0}.pix-key-row strong{overflow-wrap:anywhere}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:12px;padding:16px}.category-card span{width:18px;height:18px;border-radius:999px}.category-edit-button{margin-left:auto}.login-screen,.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-screen{background:linear-gradient(135deg,#0f172aeb,#2563ebb8),url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center}.login-panel{width:min(420px,100%);display:grid;gap:16px;padding:32px;box-shadow:var(--shadow-md)}.login-panel label{display:grid;gap:6px;color:#475569;font-size:14px;font-weight:700}.login-panel h1{font-size:30px}.login-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#e8f0ff;color:#2563eb}.form-error{color:#dc2626;font-weight:700}.toast-region{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;gap:12px;align-items:start;padding:14px;border-radius:var(--radius);border:1px solid #d7deea;background:#fff;color:#172033;box-shadow:0 18px 45px #0f172a29;pointer-events:auto}.toast.success{border-left:4px solid #16a34a}.toast.error{border-left:4px solid #dc2626}.toast.info{border-left:4px solid #2563eb}.toast.success svg:first-child{color:#16a34a}.toast.error svg:first-child{color:#dc2626}.toast.info svg:first-child{color:#2563eb}.toast div{display:grid;gap:3px;min-width:0}.toast strong{font-size:14px}.toast span{color:#64748b;font-size:13px;line-height:1.35}.toast button{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f1f5f9;color:#475569}.toast button:hover{background:#e2e8f0}.install-prompt{position:fixed;left:50%;bottom:18px;z-index:60;width:min(620px,calc(100vw - 28px));display:grid;grid-template-columns:48px minmax(0,1fr) auto 34px;gap:12px;align-items:center;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 20px 55px #0f172a38;transform:translate(-50%)}.install-prompt img{width:48px;height:48px;border-radius:8px}.install-prompt>div{display:grid;gap:3px}.install-prompt span{color:#64748b;font-size:13px;line-height:1.35}.install-button,.install-platform-hint{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:8px;background:#2563eb;color:#fff;font-weight:800}.install-platform-hint{background:#e8f0ff;color:#1d4ed8;font-size:13px}.install-close{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#64748b}.install-close:hover{background:#f1f5f9}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ghost-button{margin-top:0}.topbar{justify-content:flex-start;padding:0 18px}.topbar div{text-align:left}.page{padding:20px}.page-header,.filters{flex-direction:column;min-width:0;width:100%}.stats-grid,.split-grid,.form-grid,.bulk-actions-grid,.invoice-summary-grid,.pix-panel{grid-template-columns:1fr}.installments-chart{height:260px;min-width:max(680px,calc(var(--chart-columns) * 88px))}.toast-region{right:16px;bottom:16px}.install-prompt{grid-template-columns:44px minmax(0,1fr) 34px}.install-prompt img{width:44px;height:44px}.install-button,.install-platform-hint{grid-column:1 / -1;width:100%}.install-close{grid-column:3;grid-row:1}}