:root{--bg:#f7f8f6;--paper:#fff;--ink:#22312e;--muted:#7b8580;--border:#e6eae6;--green:#277654;--green-dark:#1e6044;--soft-green:#edf5ef;--sidebar:#172d26;--red:#a85242;--amber:#99733a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{text-decoration:none}a,button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #75ad8b;outline-offset:4px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar);color:#cedbd4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:36px 18px 22px}.brand{display:flex;align-items:center;color:#fff;font-size:31px;letter-spacing:-1.7px;font-weight:700;padding:0 13px;line-height:1}.brand-mark{height:32px;width:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a9cbb8;border-radius:9px;margin-right:10px;font-size:24px;font-weight:400;color:#b6d7c3;padding-bottom:4px;letter-spacing:-1px}.brand-dot{color:#80b49a}.sidebar-body{flex:1 1}.nav-caption{font-size:10px;letter-spacing:1.65px;color:#729185;margin:57px 15px 18px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;border:0;border-radius:7px;background:transparent;color:#a9bfb3;text-align:left;font-size:13px;margin-bottom:7px}.nav-item.active{background:#2a4438;color:#e1f1e6}.nav-item.active svg{color:#afd3bb}.nav-item:hover:not(:disabled){background:#294137}.nav-indicator{width:5px;height:5px;border-radius:50%;background:#aed1b9;margin-left:auto}.sidebar-note{margin:74px 15px 0;border-top:1px solid #32463d;padding-top:27px}.note-orbit{display:flex;align-items:center;justify-content:center;border:1px solid #5e7e6b;border-radius:50%;width:30px;height:30px;color:#a6ccb4;font-size:22px;margin-bottom:16px}.sidebar-note p{font-size:17px;line-height:1.65;color:#c7d7cc;letter-spacing:-.2px}.sidebar-note>span:last-child{display:block;font-size:11px;color:#7f9b8c;margin-top:12px}.sidebar-footer{border-top:1px solid #32463d;padding:21px 7px 0}.account{display:flex;gap:10px;align-items:center;min-width:0}.avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#49634f;color:#e8f1e8;display:grid;place-items:center;font-size:12px}.account>div{min-width:0}.account strong{font-size:12px;font-weight:500}.account div>span,.account strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:137px}.account div>span{font-size:10px;color:#91aa9b;margin-top:5px}.signout{background:none;border:none;color:#9db6a6;font-size:11px;display:flex;gap:8px;align-items:center;padding:18px 0 0 3px}.signout svg{width:15px}.private-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8eaa99}.private-note svg{width:15px}.main-shell{flex:1 1;margin-left:220px;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 42px;background:#fbfcfa;font-size:12px}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:13px}.breadcrumb{color:#88928d}.personal-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#818b84}.personal-tag>span{width:5px;height:5px;background:#91ad98;border-radius:50%}main{max-width:1500px;margin:0 auto;padding:42px 42px 24px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#658a72}.eyebrow>span{height:5px;width:5px;background:#69977b;border-radius:50%}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.page-heading h1{font-size:30px;line-height:1.35;letter-spacing:-1.1px;font-weight:500;margin:10px 0}.page-heading p{color:var(--muted);font-size:12px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:6px;padding:12px 16px;font-size:12px;font-weight:500;white-space:nowrap;min-height:42px;transition:background .15s,border-color .15s}.button.primary{background:var(--green);color:white;box-shadow:0 2px 3px #1d49230c}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{background:#fff;border-color:#dfe5df;color:#46574b}.button.secondary:hover:not(:disabled){background:#f0f5ef;border-color:#bdd0bf}.button.small{padding:9px 12px;min-height:35px;font-size:11px}.button.full-width{width:100%}.text-button{gap:8px;padding:5px 0;border:0;background:none;color:var(--green);font-weight:600}.notice,.text-button{display:flex;align-items:center;font-size:12px}.notice{gap:11px;padding:13px 15px;border:1px solid #d2e3d6;background:#eef7ef;color:#3a6848;border-radius:6px;margin-bottom:20px;line-height:1.6}.notice>span{flex:1 1}.notice>button{border:0;background:none;display:flex;align-items:center;color:inherit}.notice.error{background:#fff3ef;border-color:#eed4ca;color:#924f40}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.summary-card{border:1px solid var(--border);border-radius:9px;background:white;padding:20px 22px 23px;overflow-wrap:anywhere}.summary-card.net{background:#edf3ee;border-color:#dbe6dc}.summary-label{font-size:12px;color:#6a786e;display:flex;align-items:center;justify-content:space-between}.summary-icon{height:29px;width:29px;border-radius:50%;background:#edf5ef;color:#5b9171;display:grid;place-items:center;font-size:19px}.expense .summary-icon{background:#faf0ec;color:#b2826b}.net .summary-icon{background:#e0eadd;color:#5c7853}.summary-value{font-size:clamp(21px,2.15vw,30px);font-weight:500;letter-spacing:-1px;margin:15px 0 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.3}.net .summary-value{color:#326c43}.summary-caption{font-size:10px;color:#8c948e}.summary-footnote{display:flex;align-items:center;gap:6px;margin-top:12px;color:#89928c;font-size:10px}.small-dot{width:4px;height:4px;border-radius:50%;background:#8da392}.connection-banner{display:flex;align-items:center;gap:14px;padding:19px 20px;border:1px solid #e0e8df;border-radius:7px;background:#f1f5ee;margin-top:28px}.banner-icon{height:37px;width:37px;background:#e3ebdc;border-radius:8px;display:grid;place-items:center;color:#6a8c5c;flex-shrink:0}.connection-banner>div{flex:1 1}.connection-banner strong{font-size:12px;font-weight:600}.connection-banner p{font-size:11px;color:#82907e;margin-top:6px;line-height:1.6}.transactions-section{margin-top:37px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.45px;font-weight:500}.section-heading p{font-size:11px;color:#89918c;margin-top:8px}.count-pill{font-size:10px;border:1px solid #e3e8e1;background:#edf1e9;color:#6b7c64;border-radius:5px;min-width:24px;text-align:center;padding:3px 6px;font-weight:400;letter-spacing:0}.section-actions{display:flex;gap:8px}.table-card{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden}.filter-bar{padding:17px 20px;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px}.filter-bar,.filter-control{display:flex;align-items:center}.filter-control{gap:10px}.filter-control label{font-size:11px;color:#7d8980}.filter-control select{background:#fff;border:1px solid #dfe5de;border-radius:5px;padding:8px 30px 8px 10px;font-size:11px;color:#3a4b3f;max-width:260px;min-width:148px}.table-hint{font-size:10px;color:#8e9790;display:flex;align-items:center;gap:6px}.table-hint strong{font-weight:500;color:#627a66}.clear-filter{border:0;background:none;color:var(--green);font-size:10px;text-decoration:underline;padding:3px 5px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#fbfcfa}th{font-size:10px;color:#8c958d;font-weight:500;letter-spacing:.2px;padding:15px 18px;border-bottom:1px solid #e9ede7;white-space:nowrap}th:first-child{padding-left:22px}td{padding:19px 18px;border-bottom:1px solid #eef0ed;font-size:11px}td:first-child{padding-left:22px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}.transaction-name{display:flex;align-items:center;gap:12px;min-width:195px;max-width:350px}.transaction-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #e3e7de;border-radius:8px;background:#f6f7f3;color:#7c8b70;font-size:20px}.transaction-icon.income{background:#ecf6ef;border-color:#e0ecdf;color:#579568}.transaction-icon.expense{background:#f7f2ec;border-color:#eee5dd;color:#aa8f6d}.transaction-name>div{min-width:0}.transaction-name strong{font-size:12px;font-weight:500;line-height:1.5;max-width:280px}.transaction-name div>span,.transaction-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-name div>span{font-size:10px;color:#959c96;margin-top:4px;max-width:240px}.date-cell{white-space:nowrap;color:#78857a;font-size:10px}.category-tag{display:inline-block;background:#f5f6f2;border:1px solid #e7eade;border-radius:4px;padding:4px 7px;font-size:10px;color:#74826c;max-width:190px;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.status-badge>span{height:4px;width:4px;border-radius:50%;background:currentColor}.status-badge.draft{color:#a08349}.status-badge.approved{color:#6c9677}.status-badge.rejected{color:#aa8d86}.amount-column{text-align:right;white-space:nowrap;padding-right:23px}.transaction-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;font-size:12px;color:#53634f}.transaction-amount.income{color:#4e9062}.table-footer{justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:15px 20px;font-size:10px;color:#8d978e}.pagination,.table-footer{display:flex;align-items:center}.pagination{gap:12px}.pagination button{display:grid;place-items:center;border:1px solid #e3e8df;border-radius:4px;height:27px;width:27px;background:#fff;color:#6d7d69}.pagination button:hover:not(:disabled){background:#edf4eb}.previous-icon{transform:rotate(180deg)}.table-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;text-align:center;padding:40px 22px;gap:12px;color:#809078}.table-state h3{font-size:16px;color:#586b54;font-weight:500;letter-spacing:-.3px;margin-top:3px}.table-state p{font-size:12px;color:#90998c;line-height:1.8;max-width:350px}.empty-art{position:relative;margin-bottom:4px;height:67px;width:67px;display:grid;place-items:center;background:#f0f4ec;border:1px solid #e4ebde;border-radius:18px;color:#8fa285;transform:rotate(-6deg)}.empty-art>span{position:absolute;right:-5px;bottom:-4px;height:23px;width:23px;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:white;background:#8baf85}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a0a89f;padding:25px 0 8px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:6px}.center-state{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center}.center-state h1{font-size:26px;letter-spacing:-.8px;font-weight:500}.center-state p{color:var(--muted);line-height:1.8;max-width:400px}.state-icon{width:50px;height:50px;border-radius:14px;background:#edf3e9;display:grid;place-items:center;color:#758e69}.spinner{width:24px;height:24px;border:2px solid #dfe8dc;border-top-color:#739867;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.welcome{min-height:calc(100vh - 154px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:54px;max-width:1100px;margin:0 auto;padding:35px 0 0}.welcome-copy h1{font-weight:500;letter-spacing:-1.9px;line-height:1.2;font-size:clamp(33px,3.5vw,49px);margin:21px 0}.welcome-copy>p{color:#859183;font-size:13px;line-height:1.9}.welcome-benefits{display:flex;flex-direction:column;gap:15px;margin-top:32px;color:#647b5f;font-size:12px}.welcome-benefits>span{display:flex;align-items:center;gap:10px}.welcome-benefits svg{width:16px;color:#84a17a}.login-card{background:#fff;border:1px solid #e2e8df;border-radius:12px;padding:35px 30px;box-shadow:0 10px 35px #2b4b1e06}.login-symbol{height:48px;width:48px;border-radius:13px;background:#eef4e9;color:#709366;display:grid;place-items:center}.login-card h2{font-size:23px;letter-spacing:-.8px;font-weight:500;margin:23px 0 10px}.login-card>p{font-size:12px;line-height:1.8;color:#8d9688}.google-button{margin-top:29px;border-color:#dce4d7;width:100%;font-size:12px;justify-content:flex-start;padding:14px 13px}.google-button svg:last-child{margin-left:auto;width:15px;color:#889980}.google-button:hover{background:#f4f7f0}.login-divider{height:1px;background:#edf0e8;margin:28px 0 20px}.login-security{display:flex;align-items:flex-start;gap:10px;color:#95a18e;font-size:10px;line-height:1.9}.login-security svg{width:15px;margin-top:3px;color:#8d9f83}.welcome-footer{grid-column:1/-1;border-top:1px solid #e3e9df;margin-top:22px;padding-top:22px;display:flex;align-items:center;gap:10px;font-size:10px;color:#9aa58f}.welcome-footer>span:last-child{margin-left:auto}.tiny-mark{font-size:18px;color:#7d9970;font-weight:600;letter-spacing:-1px}.gmail-dialog{border:1px solid var(--border);border-radius:13px;width:460px;max-width:calc(100vw - 30px);padding:28px;color:var(--ink);box-shadow:0 25px 80px #10241c30}.gmail-dialog::backdrop{background:#14241b60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.icon-button{border:0;background:#f3f5ef;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;color:#91a086}.icon-button svg{width:15px}.gmail-dialog h2{font-size:22px;letter-spacing:-.7px;font-weight:500}.dialog-intro{color:#8a9682;font-size:12px;line-height:1.8;margin-top:9px}.connection-details{display:flex;align-items:center;gap:10px;background:#f4f7ef;padding:14px;border-radius:6px;margin:22px 0}.connection-dot{height:7px;width:7px;border-radius:50%;background:#bd9b6e;flex-shrink:0}.connection-dot.active{background:#74a27c}.connection-details strong{display:block;font-weight:500;font-size:12px;overflow-wrap:anywhere}.connection-details div>span{display:block;color:#8b9684;font-size:10px;margin-top:6px}.field-label{display:block;font-size:12px;color:#63765b;margin-bottom:10px}.gmail-dialog textarea{resize:vertical;min-height:110px;max-height:230px;width:100%;border:1px solid #dfe6d8;border-radius:5px;padding:12px;font-size:12px;line-height:1.9;color:#546b4d}.gmail-dialog textarea::placeholder{color:#a8b09f}.field-help{font-size:10px;color:#92a08a;line-height:1.8;margin-top:8px}.field-error{font-size:11px;color:#a15942;line-height:1.8;margin-top:12px}.dialog-info{display:flex;align-items:flex-start;gap:9px;padding:15px 0;margin:9px 0 15px;font-size:10px;line-height:1.8;color:#8ca180}.dialog-info svg{width:15px;margin-top:1px}.dialog-help{color:#8b9783;font-size:12px;line-height:1.9;margin:21px 0 25px}@media(min-width:1500px){main{padding-top:52px}.welcome{padding-top:70px;min-height:75vh}}@media(max-width:1100px){.sidebar{width:190px}.main-shell{margin-left:190px}.topbar{padding:0 28px}main{padding:34px 28px 22px}.page-heading h1{font-size:26px}.summary-card{padding:17px}.welcome{gap:25px}.login-card{padding:28px 23px}.welcome-copy h1{font-size:35px}.desktop-break,.table-hint,.workspace-footer>span:last-child{display:none}}@media(max-width:800px){.sidebar{width:78px;padding:27px 11px 18px}.brand{padding:0;justify-content:center;font-size:0}.brand-mark{margin:0;letter-spacing:0;font-size:24px}.account,.brand-dot,.nav-caption,.nav-indicator,.private-note,.sidebar-note{display:none}.signout{display:flex;font-size:0;padding:10px 0;justify-content:center;width:100%}.signout svg{width:19px;height:19px}.sidebar-body{padding-top:36px}.nav-item{font-size:0;padding:14px 0;justify-content:center;gap:0}.nav-item svg{height:20px;width:20px}.sidebar-footer{padding-top:0;border:0}.main-shell{margin-left:78px}.topbar{height:62px}.welcome{grid-template-columns:1fr;gap:30px;max-width:480px;min-height:auto;padding:20px 0}.welcome-copy h1{font-size:38px}.welcome-benefits{gap:10px;margin-top:22px}.login-card{padding:25px}.login-card h2{margin-top:16px}.welcome-footer{margin-top:8px}.welcome-footer>span:last-child{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:25px}.summary-grid{gap:10px}.summary-card{padding:15px 13px}.summary-label{font-size:10px;align-items:flex-start;gap:5px}.summary-icon{height:23px;width:23px;font-size:15px}.summary-value{font-size:20px}.summary-caption{font-size:9px}.connection-banner{padding:16px;flex-wrap:wrap}.connection-banner .text-button{margin-left:51px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-actions{align-self:flex-end}.transactions-section{margin-top:30px}.personal-tag{display:none}.table-state{min-height:250px}.filter-bar{padding:15px}.workspace-footer{line-height:1.8}}@media(max-width:480px){.sidebar{width:61px;padding:23px 8px}.main-shell{margin-left:61px}.topbar{padding:0 19px;font-size:11px}main{padding:29px 18px 18px}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading>div>p{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-card{display:grid;grid-template-columns:1fr auto;gap:7px;padding:16px}.summary-label{grid-column:1;grid-row:1;font-size:11px}.summary-icon{display:none}.summary-value{margin:0;grid-column:2;grid-row:1/3;align-self:center;font-size:23px;max-width:190px}.summary-caption{grid-column:1;grid-row:2;font-size:9px}.connection-banner{gap:10px}.connection-banner>div{min-width:calc(100% - 50px)}.connection-banner .text-button{margin-left:47px}.connection-banner p{font-size:10px}.section-heading h2{font-size:18px}.table-footer{padding:13px;flex-direction:column;gap:13px}.filter-control{width:100%}.filter-control select{width:100%;max-width:100%;min-width:0}.welcome-copy h1{font-size:32px;letter-spacing:-1.2px}.welcome-copy>p{font-size:12px}.welcome .eyebrow{font-size:8px;letter-spacing:1.2px}.welcome-benefits{font-size:11px}.login-card{padding:23px 20px}.login-card h2{font-size:21px}.gmail-dialog{padding:23px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.password-login{margin-top:24px;text-align:left}.password-login input{display:block;width:100%;min-width:0;padding:12px;border:1px solid #d9dfd0;border-radius:8px;background:#fff;color:var(--ink);margin:7px 0 15px}.password-login input:focus-visible{outline:3px solid #75ad8b;outline-offset:2px}.password-login .button{margin-top:14px}.auth-switch{display:block;margin:18px auto 0}.auth-or,.auth-switch{font-size:12px;text-align:center}.auth-or{color:#687b60;margin:20px 0 -7px}.password-login .field-error{margin-bottom:8px}