@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f1f3f5;--overlay: rgba(17, 24, 39, .45);--text: #1a1d21;--text-secondary: #4b5563;--text-muted: #6b7280;--text-faint: #9ca3af;--text-on-accent: #ffffff;--border: #e2e5e9;--border-strong: #cbd0d6;--border-focus: var(--accent);--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-border: #c7d2fe;--income: #067647;--income-soft: #ecfdf3;--expense: #b42318;--expense-soft: #fef3f2;--warning: #b54708;--warning-soft: #fffaeb;--info: #175cd3;--info-soft: #eff8ff;--c1: #4f46e5;--c2: #0e9384;--c3: #e07a1a;--c4: #9333ea;--c5: #2e90fa;--c6: #cb1a6b;--c7: #667085;--c8: #4ca30d;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Inter", system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--r-sm: 4px;--r: 6px;--r-lg: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--header-h: 56px;--sidebar-w: 236px;--maxw: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--text)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:var(--fs-base);color:var(--text)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:right;white-space:nowrap}.pos{color:var(--income)}.neg{color:var(--expense)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.row{display:flex;align-items:center}.row-gap-1{gap:.25rem}.row-gap-2{gap:.5rem}.row-gap-3{gap:.75rem}.row-gap-4{gap:1rem}.wrap{flex-wrap:wrap}.grow{flex:1}.spread{justify-content:space-between}.center{justify-content:center}.stack{display:flex;flex-direction:column}.stack-gap-1{gap:.25rem}.stack-gap-2{gap:.5rem}.stack-gap-3{gap:.75rem}.stack-gap-4{gap:1rem}.stack-gap-6{gap:1.5rem}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.animate-fade{animation:fade-in .18s ease-out}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.44rem .8rem;border-radius:var(--r);font-size:var(--fs-base);font-weight:500;border:1px solid transparent;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.28rem .55rem;font-size:var(--fs-sm)}.btn-icon{padding:.4rem}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-default{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-default:hover:not(:disabled){background:var(--surface-3)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-3)}.btn-danger{background:var(--surface);border-color:var(--border-strong);color:var(--expense)}.btn-danger:hover:not(:disabled){background:var(--expense-soft);border-color:var(--expense)}.btn-danger-solid{background:var(--expense);color:#fff}.field{display:flex;flex-direction:column;gap:.3rem}.field>label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.control{width:100%;padding:.44rem .6rem;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}.control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.control:disabled{background:var(--surface-3);color:var(--text-muted)}select.control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.8rem}textarea.control{resize:vertical;min-height:64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:1rem 1.15rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.15rem;border-bottom:1px solid var(--border)}.card-head h3{font-size:var(--fs-md)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .45rem;border-radius:999px;font-size:var(--fs-xs);font-weight:500;border:1px solid transparent;white-space:nowrap}.badge-income{background:var(--income-soft);color:var(--income)}.badge-expense{background:var(--expense-soft);color:var(--expense)}.badge-neutral{background:var(--surface-3);color:var(--text-secondary)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-success{background:var(--income-soft);color:var(--income)}.tbl-wrap{width:100%;overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-base)}table.tbl th{text-align:left;font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:.5rem .7rem;border-bottom:1px solid var(--border-strong);background:var(--surface-2);position:sticky;top:0;z-index:1}table.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl th.sortable:hover{color:var(--text)}table.tbl td{padding:.5rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr.selected{background:var(--accent-soft)}table.tbl.dense td{padding:.3rem .7rem}table.tbl tfoot td{padding:.55rem .7rem;border-top:2px solid var(--border-strong);font-weight:600;background:var(--surface-2)}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.menu-pop{position:absolute;z-index:50;min-width:180px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:.25rem}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.4rem .55rem;border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--text)}.menu-item:hover{background:var(--surface-3)}.menu-item.danger{color:var(--expense)}.menu-sep{height:1px;background:var(--border);margin:.25rem 0}.ms{position:relative}.ms-trigger{display:flex;align-items:center;gap:.35rem;min-height:34px;padding:.25rem .5rem;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);cursor:pointer;font-size:var(--fs-base);color:var(--text)}.ms-trigger:hover{border-color:var(--text-faint)}.ms-pop{position:absolute;z-index:50;margin-top:4px;width:max-content;min-width:100%;max-width:320px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:.25rem}.ms-opt{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-base)}.ms-opt:hover{background:var(--surface-3)}.ms-opt .check{width:15px;height:15px;flex-shrink:0}.ms-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);padding:.4rem .5rem .2rem}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem 2rem;z-index:1000;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px}.modal.lg{max-width:960px}.modal.xl{max-width:1200px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.15rem}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.15rem;border-top:1px solid var(--border)}.toast-region{position:fixed;bottom:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border-radius:var(--r);background:var(--text);color:#fff;box-shadow:var(--shadow-lg);font-size:var(--fs-base);animation:fade-in .15s ease-out}.toast.success{background:#054f31}.toast.error{background:#7a271a}.toast .toast-action{color:#fff;text-decoration:underline;font-weight:600;margin-left:.25rem}.empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r);overflow:hidden}.seg button{padding:.35rem .7rem;font-size:var(--fs-sm);color:var(--text-secondary);background:var(--surface);border-right:1px solid var(--border)}.seg button:last-child{border-right:none}.seg button.active{background:var(--accent);color:#fff}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .35rem .15rem .55rem;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-hover);border-radius:999px;font-size:var(--fs-xs);font-weight:500}.chip button{display:inline-flex;color:inherit;opacity:.7}.chip button:hover{opacity:1}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:2.5rem 1.5rem;border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);cursor:pointer;color:var(--text-secondary)}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.overdue-card{margin-top:1rem;border-color:var(--warning);background:var(--warning-soft)}.overdue-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r);background:#fff;color:var(--warning);border:1px solid var(--warning)}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"topbar topbar" "sidebar content"}.topbar{grid-area:topbar;display:flex;align-items:center;gap:.6rem;padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);background:var(--accent);color:#fff}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:.15rem;padding:.75rem;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto}.sidebar nav{display:flex;flex-direction:column;gap:.15rem}.side-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:var(--r);color:var(--text-secondary);font-weight:500;font-size:var(--fs-base);text-align:left;width:100%}.side-link:hover{background:var(--surface-3);color:var(--text);text-decoration:none}.side-link.active{background:var(--accent-soft);color:var(--accent-hover)}.content{grid-area:content;min-width:0}.content-inner{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1.5rem 3rem}.sidebar-scrim{display:none}.only-mobile{display:none!important}.only-desktop{display:inline}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;height:100vh;z-index:300;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:none}.sidebar-scrim{display:block;position:fixed;inset:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .2s;z-index:250}.sidebar-scrim.show{opacity:1;pointer-events:auto}.only-mobile{display:inline-flex!important}.only-desktop{display:none}.content-inner{padding:1rem}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.page-head h1{font-size:var(--fs-2xl)}.page-head p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:.15rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.totals-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.app-switch{display:inline-flex;gap:2px;padding:2px;margin-left:.5rem;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r)}.app-switch a{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.app-switch a:hover{color:var(--text);text-decoration:none}.app-switch a.active{background:var(--surface);color:var(--accent-hover);box-shadow:var(--shadow-sm)}@media(max-width:900px){.app-switch{margin-left:0}.app-switch a{padding:.3rem .5rem}}.app-choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.app-choice{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .75rem;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text-secondary);text-align:left}.app-choice:hover{border-color:var(--accent-border)}.app-choice.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover);box-shadow:0 0 0 1px var(--accent)}.app-choice strong{color:var(--text);font-size:var(--fs-base)}