:root{--bg:#f5f6f8;--bg-2:#fff;--bg-3:#eef1f5;--fg:#191d23;--muted:#667085;--primary:#147a54;--primary-weak:#e7f3ed;--success:#157a4d;--warning:#b45309;--border:#e5e8ee;--danger:#c4362e;--serif:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.05);--shadow-md:0 6px 16px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.05);--radius:14px}*{box-sizing:border-box}body,html{padding:0;margin:0;-webkit-touch-callout:none}img{-webkit-user-drag:none}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 28px;background:var(--bg-2);border-bottom:1px solid var(--border)}.nav a{color:var(--muted);font-size:13px}.nav a:hover{color:var(--fg);text-decoration:none}.nav .brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--fg)}.nav .brand:hover{color:var(--fg);text-decoration:none}.brand-mark{flex:0 0 auto;width:26px;height:26px;border-radius:7px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.nav .spacer{flex:1 1}.main{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.nav-side{position:fixed;top:0;left:0;bottom:0;width:232px;z-index:20;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;padding:20px 14px;overflow-y:auto;background:var(--bg-2);border-right:1px solid var(--border);border-bottom:none}.nav-side .brand{margin:4px 8px 20px;font-size:19px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:500;transition:background .12s ease,color .12s ease}.nav-link:hover{background:var(--bg-3);color:var(--fg);text-decoration:none}.nav-link.active{background:var(--primary-weak);color:var(--primary);font-weight:600}.nav-ic{flex:0 0 auto;display:inline-flex}.nav-ic,.nav-ic svg{width:20px;height:20px}.nav-side .spacer{flex:1 1;min-height:12px}.userid-badge{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;margin:6px 0 2px;padding:7px 11px;background:var(--bg-3);border:1px solid var(--border);border-radius:9px;cursor:pointer;text-align:left;line-height:1.3}.userid-badge:hover{border-color:var(--primary)}.userid-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.userid-value{font-size:12px;font-family:var(--mono,ui-monospace,monospace);color:var(--fg)}.main-side{margin-left:232px;max-width:none;padding:34px 44px 72px}h1{font-size:27px;font-weight:700;letter-spacing:-.025em;margin:0 0 22px;color:var(--fg)}h2{font-weight:650;letter-spacing:-.015em}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{font-weight:650;font-size:16px;letter-spacing:-.01em;margin-bottom:16px;color:var(--fg)}.muted{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:17px 18px;box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,border-color .12s ease}a.stat:hover{text-decoration:none;box-shadow:var(--shadow-md);border-color:#d3d8e0}.stat-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.025em;margin-top:7px;line-height:1.1}.stat-sub{font-size:12.5px;margin-top:7px;display:flex;gap:6px}.chip,.stat-sub{align-items:center}.chip{display:inline-flex;gap:2px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.chip-up{color:var(--warning);background:rgba(180,83,9,.1)}.chip-down{color:var(--success);background:rgba(21,122,77,.11)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);padding:9px 16px;border-radius:9px;font-size:14px;font-weight:500;line-height:1.2;text-align:center;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{background:var(--bg-3);border-color:#d3d8e0;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary,.btn-success{color:#fff;box-shadow:var(--shadow-sm)}.btn-success{background:var(--success);border-color:var(--success)}.btn-primary:hover,.btn-success:hover{filter:brightness(1.07);text-decoration:none}.btn-primary:hover{background:var(--primary);border-color:var(--primary)}.btn-success:hover{background:var(--success);border-color:var(--success)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover{background:var(--bg-3);border-color:transparent;color:var(--fg)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.month-step{width:38px;height:38px;padding:0;border-radius:10px;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.budget-row{display:block;width:100%;text-align:left;cursor:pointer;background:none;border:none;font:inherit;color:inherit;padding:7px 8px;margin:0 -8px;border-radius:8px;transition:background .12s ease}.budget-row:hover{background:var(--bg-3)}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.editor-wide{width:min(1360px,94vw);position:relative;left:calc((100% - min(1360px, 94vw)) / 2)}table{width:100%;border-collapse:collapse}td,th{padding:11px 14px;text-align:left}td,th,thead th{border-bottom:1px solid var(--border)}thead th{background:var(--bg-3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}tbody tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover>td{background:var(--bg-3)}.nested{background:var(--bg)}.nested thead th{background:transparent}.pending{color:var(--muted);font-style:italic}.bg-success td{background:rgba(21,122,77,.09)}.bg-warning td{background:rgba(180,83,9,.1)}.txn-list{display:flex;flex-direction:column}.txn-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon raw side" "icon body side";grid-gap:1px 10px;gap:1px 10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.txn-row:last-child{border-bottom:none}.txn-click{cursor:pointer}.txn-click:hover{background:var(--bg-3)}.txn-icon{grid-area:icon;align-self:center}.txn-raw{grid-area:raw;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-body{grid-area:body;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.txn-payee{font-weight:600;color:var(--fg)}.txn-pending .txn-payee{font-style:italic;color:var(--muted)}.txn-tag{font-size:11px;color:var(--primary);border:1px solid var(--border);padding:1px 8px;white-space:nowrap}.txn-badge,.txn-tag{display:inline-block;border-radius:999px}.txn-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 7px;color:var(--muted);border:1px solid var(--border)}.txn-side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;text-align:right}.txn-amt{font-weight:600}.txn-in{color:var(--success)}.txn-date{font-size:11px;color:var(--muted)}.skeleton{background:var(--bg-3);border-radius:var(--radius);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.banner{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:16px 18px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.error{color:var(--danger);margin:8px 0}form.auth{max-width:400px;margin:56px auto}label{display:block;margin:14px 0 5px;color:var(--muted);font-size:13px;font-weight:500}input,select{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);font:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(20,122,84,.15)}input.budget{width:92px;padding:6px 8px}.pw-field{position:relative}.pw-field input{padding-right:40px}.pw-toggle{position:absolute;top:0;right:0;width:40px;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--muted)}.pw-toggle:hover{color:var(--fg)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:640px){.nav{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:12px}.main{padding:20px 14px 48px}.nav-side{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);border-bottom:none;overflow:hidden;z-index:20}.nav-side .brand,.nav-side .spacer{display:none}.nav-link{flex:1 1;min-width:0;flex-direction:column;gap:3px;padding:6px 2px;border-radius:8px;font-size:10px;font-weight:500;text-align:center;justify-content:center}.nav-link>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ic,.nav-ic svg{width:20px;height:20px}.userid-badge{display:none}.main-side{margin-left:0;padding:calc(18px + env(safe-area-inset-top)) 12px calc(72px + env(safe-area-inset-bottom))}.card{padding:16px;overflow-x:auto}.stat{padding:15px 16px}.stat-value{font-size:22px}h1{font-size:23px;margin-bottom:16px}.field-grid{grid-template-columns:1fr}.editor-wide{width:100%;left:0}td,th{padding:8px 10px;white-space:nowrap}.btn-sm{padding:8px 12px;font-size:13px}.cat-editor table thead{display:none}.cat-editor table,.cat-editor table tbody,.cat-editor table td,.cat-editor table tr{display:block;width:auto}.cat-editor .card:has(>table:only-child){border:none;background:none;box-shadow:none;overflow:visible;padding:0}.cat-editor table tr{border:1px solid var(--border);border-radius:10px;background:var(--bg-2);box-shadow:var(--shadow-sm);padding:11px 13px;margin-bottom:10px}.cat-editor table tr:last-child{margin-bottom:0}.cat-editor table td{border:none;padding:4px 0;white-space:normal!important}.cat-editor table td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-editor table td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex:0 0 auto}.cat-editor table td[data-label]>div,.cat-editor table td[data-label]>select{flex:1 1 auto;min-width:0}.mobile-cards table thead,.review-page section table thead{display:none}.mobile-cards table,.mobile-cards table tbody,.review-page section table,.review-page section table tbody{display:block}.mobile-cards .card:has(>table:only-child),.review-page section .card:has(>table:only-child){border:none;background:none;box-shadow:none;overflow:visible;padding:0}.mobile-cards table tr,.review-page section table tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);box-shadow:var(--shadow-sm);padding:11px 13px;margin-bottom:10px}.mobile-cards table tr:last-child,.review-page section table tr:last-child{margin-bottom:0}.mobile-cards table td,.review-page section table td{display:block;border:none;padding:0;white-space:normal!important}.mobile-cards table td:empty,.review-page section table td:empty{display:none}.mobile-cards table td:first-child,.review-page section table td:first-child{flex:1 1 45%;min-width:0}.mobile-cards table td:last-child,.review-page section table td:last-child{flex:1 1 100%;margin-top:8px}.mobile-cards table td .row,.review-page section table td .row{flex-wrap:wrap!important}.vendor-head{flex-wrap:wrap}.vendor-head>.vendor-actions{width:100%;justify-content:flex-start;margin-top:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}