:root{--text:#52525b;--text-h:#18181b;--text-muted:#8b8b96;--bg:#f7f7f9;--surface:#fff;--border:#e6e6ea;--primary:#4f46e5;--primary-hover:#4338ca;--primary-bg:#4f46e51a;--danger:#dc2626;--danger-bg:#dc26261a;--success:#16a34a;--success-bg:#16a34a1a;--info:#2563eb;--info-bg:#2563eb1a;--shadow-sm:0 1px 2px #1010140a;--shadow-md:0 4px 12px #1010140f, 0 1px 3px #1010140a;--shadow-lg:0 20px 40px #10101429;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a1a1aa;--text-h:#f4f4f5;--text-muted:#71717a;--bg:#0f0f13;--surface:#18181d;--border:#2a2a31;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-bg:#818cf826;--danger:#f87171;--danger-bg:#f8717126;--success:#4ade80;--success-bg:#4ade8026;--info:#60a5fa;--info-bg:#60a5fa26;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059, 0 1px 3px #0000004d;--shadow-lg:0 20px 40px #00000080}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:600}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}p{margin:0}button{font:inherit}input{font:inherit;color:var(--text-h)}.page{flex-direction:column;min-height:100svh;display:flex}.login-gate{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;max-width:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:28px;display:flex}.login-brand{justify-content:center;margin-bottom:4px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.brand{color:var(--text-h);align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-actions-full{align-items:center;gap:8px;display:flex}.topbar-menu-btn{display:none}.new-expense-btn .btn-label{white-space:nowrap}@media (width<=720px){.topbar{padding:14px 16px}.topbar-actions-full{display:none}.topbar-menu-btn{display:inline-flex}.new-expense-btn{width:34px;height:34px;padding:0}.new-expense-btn .btn-label{display:none}}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:inline-flex}.container{flex-direction:column;gap:24px;width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}@media (width<=640px){.summary-grid{grid-template-columns:1fr}}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.summary-card--expense .summary-card-value{color:var(--danger)}.summary-card--income .summary-card-value{color:var(--success)}.summary-card--investment .summary-card-value{color:var(--info)}.month-nav{justify-content:center;align-items:center;gap:12px;display:flex}.month-nav-label{text-align:center;min-width:160px;color:var(--text-h);font-size:14px;font-weight:600}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;display:flex}.filter-field{flex-direction:column;gap:4px;min-width:110px;display:flex}.filter-field label{color:var(--text-muted);font-size:11px;font-weight:600}.filter-field select,.filter-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;height:30px;padding:0 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.filter-field select:focus,.filter-field input:focus{border-color:var(--primary)}.filter-bar .filter-clear{white-space:nowrap;justify-content:center;align-items:center;height:30px;padding:0 10px;font-size:12px;display:inline-flex}@media (width<=720px){.filter-bar{flex-direction:column;align-items:stretch}.filter-field{min-width:0}}.page-header{align-items:center;gap:12px;display:flex}.summary-card-label{color:var(--text-muted);font-size:11px}.summary-card-value{color:var(--text-h);letter-spacing:-.02em;font-size:16px;font-weight:700}.summary-card-sub{color:var(--text-muted);font-size:11px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);padding:20px 24px}.btn{appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--primary-bg);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary-bg);filter:brightness(.95)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.confirm-dialog{flex-direction:column;gap:16px;width:340px;max-width:100%;display:flex}.confirm-dialog-message{color:var(--text-muted);margin:0;font-size:14px}.confirm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.expense-list{margin:0;padding:0;list-style:none}.expense-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(90px,auto) minmax(80px,auto) minmax(80px,auto) minmax(80px,auto) minmax(80px,auto) minmax(130px,1fr) auto auto;align-items:center;gap:12px;padding:14px 24px;display:grid}.expense-badges{display:contents}.expense-row:last-child{border-bottom:none}.expense-row:hover{background:color-mix(in srgb, var(--border) 25%, transparent)}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.expense-main{flex-direction:column;gap:2px;min-width:0;display:flex}.expense-description{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;overflow:hidden}.expense-date{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.installment-note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.expense-amount{color:var(--text-h);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.expense-amount--income{color:var(--success)}.expense-amount--investment{color:var(--info)}.expense-actions{gap:4px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--primary-bg);color:var(--primary)}.icon-btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.icon-btn--header{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;text-decoration:none}.icon-btn--active{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.state-message{text-align:center;color:var(--text-muted);padding:40px 24px;font-size:14px}.state-message--error{color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:56px 24px;display:flex}.expense-form{flex-direction:column;gap:12px;width:400px;max-width:100%;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field-row{gap:10px;display:flex}.field label{color:var(--text-h);font-size:12.5px;font-weight:600}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;width:100%;height:34px;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b8b96' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:34px}@media (prefers-color-scheme:dark){.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371717a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.field input::placeholder{color:var(--text-muted);font-size:13px}.field input:focus,.field select:focus{border-color:var(--primary)}.form-error{color:var(--danger);font-size:13px}.type-toggle{gap:6px;display:flex}.type-toggle-option{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--text-muted);text-align:center;cursor:pointer;flex:1;padding:6px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.type-toggle-option--selected{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.checkbox-field{color:var(--text-h);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.expense-form .btn-primary{margin-top:4px}.entity-manager{flex-direction:column;gap:16px;width:360px;max-width:100%;display:flex}.entity-create-form{flex-direction:column;gap:10px;display:flex}.entity-create-form-row{gap:8px;display:flex}.entity-create-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;flex:1;min-width:0;padding:9px 12px;transition:border-color .15s}.entity-create-form input:focus{border-color:var(--primary)}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;width:22px;height:22px;box-shadow:0 0 0 1px var(--border);border:2px solid #0000;border-radius:999px;padding:0;transition:transform .1s,box-shadow .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{border-color:var(--surface);box-shadow:0 0 0 2px var(--text-h)}.entity-list{flex-direction:column;gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.entity-row{border-bottom:1px solid var(--border);padding:8px 0}.entity-row:last-child{border-bottom:none}.entity-row-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.entity-edit-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;flex:1;min-width:0;padding:7px 10px;transition:border-color .15s}.entity-edit-input:focus{border-color:var(--primary)}.entity-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.entity-row .color-swatches{margin-top:8px}.modal-overlay{z-index:100;background:#0f0f1380;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100svh - 32px);padding:22px;position:relative;overflow-y:auto}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--border);color:var(--text-h)}.drawer-overlay{z-index:100;opacity:0;pointer-events:none;background:#0f0f1380;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay--open{opacity:1;pointer-events:auto}.drawer-panel{background:var(--surface);width:260px;max-width:80vw;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:16px;transition:transform .2s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-overlay--open .drawer-panel{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-title{color:var(--text-h);font-size:15px;font-weight:600}.drawer-item{border-radius:var(--radius-sm);color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-item:hover{background:var(--primary-bg);color:var(--primary)}.drawer-item svg{color:var(--text-muted);flex-shrink:0}.drawer-item:hover svg{color:var(--primary)}@media (width<=860px){.expense-row{grid-template-columns:1fr auto;grid-template-areas:"badges actions""main main""amount amount";row-gap:8px}.expense-badges{flex-wrap:wrap;grid-area:badges;gap:6px;display:flex}.expense-actions{grid-area:actions;place-self:start end}.expense-main{grid-area:main}.expense-amount{grid-area:amount;justify-self:start}.field-row{flex-direction:column}}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.chart-panel .panel-header{flex-direction:column;gap:2px;display:flex}.chart-caption{color:var(--text-muted);font-size:12px}.chart-body{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.chart-legend{flex-wrap:wrap;gap:14px;display:flex}.chart-legend-item{color:var(--text);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.chart-legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.chart-tooltip-value{font-size:14px;font-weight:700}.chart-tooltip-label{color:var(--text-muted);font-size:12px}.chart-tooltip--multi{gap:6px;min-width:160px}.chart-tooltip--multi .chart-tooltip-label{color:var(--text-h);font-size:12.5px;font-weight:600}.chart-tooltip-row{align-items:center;gap:8px;display:flex}.chart-tooltip-key{border-radius:1px;flex-shrink:0;width:10px;height:2px}.chart-tooltip-row-label{color:var(--text-muted);flex:1;font-size:12px}.chart-tooltip-row-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.chart-table-toggle summary{color:var(--primary);cursor:pointer;padding:4px 0;font-size:12.5px;font-weight:600}.chart-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:6px 8px}.chart-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:11.5px;font-weight:600}.chart-table td:not(:first-child),.chart-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.investment-box-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px 24px 20px;display:grid}.investment-box-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.investment-box-total{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.investment-manager-panel{padding:20px 24px 24px}.investment-manager-panel .entity-manager{width:auto}