:root{--bg:#f5f6f1;--surface:#fff;--ink:#192d2b;--muted:#75807b;--green:#20734e;--deep:#173e32;--mint:#e6f0e4;--lime:#d8eda9;--line:#e8ebe4;--amber:#a5742f;--amber-bg:#f8f0dd;--red:#a23c3c;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:14px}
:root{--disclosure-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 7l6 6 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button,select,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green)}button{color:inherit}svg{display:block}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:12px;inset-inline-start:12px;padding:12px 16px;z-index:100;background:var(--deep);color:#fff;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{background:#fbfcf8;border-inline-end:1px solid var(--line);position:sticky;top:0;min-height:100dvh;height:100dvh;padding:38px 20px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:30px;font-weight:750;letter-spacing:-1.6px;text-decoration:none;padding-inline:12px}.brand-dot{color:#5b9359}.brand-mark{display:flex;align-items:flex-end;gap:4px;height:27px}.brand-mark i{width:5px;border-radius:3px;background:var(--deep)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px}.workspace-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#8b938b;margin:48px 12px 17px}.navigation{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:47px;padding:12px 14px;border:0;border-radius:9px;background:transparent;text-align:start;color:#737e75;font-weight:550;white-space:nowrap}.nav-item:hover{background:#f0f3ec}.nav-item.active{background:#e8efde;color:#244b35}.nav-item .icon{width:18px;height:18px}.nav-count{margin-inline-start:auto;background:#d6e5c7;color:#426039;min-width:22px;padding:3px 5px;border-radius:5px;font-size:10px;text-align:center}.connection-dot{width:6px;height:6px;border-radius:50%;background:#d8b373;margin-inline-start:auto}.connection-dot.connected{background:#5a9c70}.sidebar-bottom{margin-block-start:auto;padding-block-start:30px}.local-card{display:flex;align-items:flex-start;gap:10px;padding:16px 12px;color:#69836b}.local-card .icon{width:19px;height:19px}.local-card strong{font-size:11px;font-weight:600;display:block;margin-block:2px 6px;color:#5f735d}.local-card p{font-size:10px;line-height:1.7;margin:0;color:#8b9687}.profile{margin-block-start:22px;border-block-start:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:23px 6px}.avatar{width:35px;height:35px;background:#e8eada;border:1px solid #dee2ce;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;color:#5b684b;border-radius:50%}.profile strong{font-size:12px;display:block;font-weight:600}.profile div>span{font-size:10px;color:#8b938c;display:block;margin-block-start:4px}.online-dot{width:6px;height:6px;border-radius:50%;background:#6ba470;margin-inline-start:auto}.main-content{padding-inline:clamp(24px,3.2vw,54px);min-width:0;max-width:1800px;width:100%}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid var(--line)}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#89918a}.breadcrumb span{color:#bbc0b8}.breadcrumb strong{font-weight:500;color:#465446}.topbar-right{display:flex;align-items:center;gap:22px}.local-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#7b8878}.local-badge span{width:5px;height:5px;border-radius:50%;background:#7ba56e}.icon-button{border:1px solid var(--line);border-radius:8px;background:#fbfcf8;width:34px;height:34px;display:grid;place-items:center;color:#7d897b}.icon-button:hover{background:#eaf0e5}.icon-button .icon{width:17px;height:17px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block:35px 24px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#84917d}.page-heading h1{font-size:clamp(25px,2.1vw,34px);letter-spacing:-1.2px;font-weight:600;margin:10px 0 10px;line-height:1.2}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.heading-actions{display:flex;gap:10px;align-items:center;padding-block-start:13px}.button{border:1px solid transparent;border-radius:8px;padding:10px 15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:11px;line-height:1.35;transition:background .15s,transform .15s}.button .icon{width:15px;height:15px}.button.primary{background:var(--deep);color:#fff}.button.primary:hover{background:#275743}.button.secondary{background:#fff;border-color:#dce2d7;color:#50634b}.button.secondary:hover{background:#eef3e8}.button.small{min-height:33px;padding:7px 12px;font-size:10px}.full-width{width:100%}select{border:1px solid #dfe4d8;min-height:40px;border-radius:8px;background-color:#fbfcf8;padding:9px 30px 9px 12px;color:#53624c;font-size:11px;max-width:100%}.select-wrap select{min-width:160px;background-color:#fff}.source-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#8a9385;margin-block:0 23px}.source-dot{width:5px;height:5px;border-radius:50%;background:#93ac7a}.source-separator{margin-inline:4px;color:#c5cbbb}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-block-end:22px}.summary-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:20px 21px 18px;min-width:0}.income-card{background:#eaf1e4;border-color:#e1ead9}.card-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#6f7d68;font-weight:500}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#f1f3ed;color:#849076}.metric-icon .icon{width:16px;height:16px}.metric-icon.emerald{background:#dce9d3;color:#5a7b46}.metric-icon.amber{background:#faf3e4;color:#b39553}.metric{display:block;font-size:clamp(22px,2.05vw,31px);letter-spacing:-1.2px;font-weight:600;margin-block:17px 13px;line-height:1.1;font-variant-numeric:tabular-nums}.metric-caption{font-size:9px;color:#929b88;line-height:1.6}.metric-link{border:0;padding:0;background:transparent;font-size:9px;color:#7d8d6b;text-align:start;line-height:1.6}.metric-link span{margin-inline-start:5px}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:21px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px 15px}.panel-heading h2{margin:0;font-weight:600;font-size:13px;letter-spacing:-.15px}.panel-heading p{margin:7px 0 0;font-size:10px;color:#92998b;line-height:1.6}.chart-legend{display:flex;gap:14px;font-size:9px;color:#919b89;align-self:flex-start;padding-block-start:4px;white-space:nowrap}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:50%}.legend-income{background:#6b9560}.legend-expense{background:#c6cdb5}.trend-chart{height:219px;display:flex;align-items:center;justify-content:center;padding:0 19px;width:100%}.trend-chart svg{width:100%;height:100%;overflow:visible}.chart-axis{fill:#9da696;font-size:9px;font-family:inherit}.chart-grid{stroke:#eff1eb;stroke-width:1;stroke-dasharray:3 5}.chart-footer{font-size:9px;color:#8a947f;margin:0 24px;padding:14px 0 18px;border-block-start:1px solid #f0f2eb;line-height:1.6}.subtle-icon{color:#9ca98f}.subtle-icon .icon{width:16px;height:16px}.category-list{padding:7px 24px 14px;display:grid;gap:17px;min-height:219px;align-content:start}.category-row{display:grid;gap:8px}.category-row-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}.category-name{display:flex;gap:9px;align-items:center;min-width:0}.category-swatch{height:7px;width:7px;border-radius:2px;background:#719665;flex:none}.category-total{white-space:nowrap;font-size:10px;color:#5d7054;font-variant-numeric:tabular-nums}.category-track{height:5px;border-radius:3px;background:#f1f3eb;margin-inline-start:16px;overflow:hidden}.category-fill{height:100%;border-radius:3px;background:#8ca77a}.panel-footnote{font-size:9px;color:#98a08f;margin:0 24px;padding:13px 0 18px;border-block-start:1px solid #f0f2eb;line-height:1.7}.coverage-note{display:flex;align-items:center;gap:13px;border:1px solid #e3e8d7;border-radius:11px;background:#eef2e6;margin-block:21px;padding:16px 20px}.note-icon{width:31px;height:31px;display:grid;place-items:center;color:#7b9363;background:#e3ead7;border-radius:9px;flex:none}.note-icon .icon{width:17px;height:17px}.coverage-note strong{font-size:10px;font-weight:600;color:#65784e}.coverage-note p{font-size:10px;color:#919d81;line-height:1.7;margin:4px 0 0}.coverage-note .text-button{margin-inline-start:auto;white-space:nowrap;color:#778a60}.text-button{background:transparent;border:0;padding:5px 0;color:#63814d;font-size:10px;font-weight:550;line-height:1.5;text-align:start}.text-button:hover{text-decoration:underline}.text-button span{margin-inline-start:4px}.recent-panel .panel-heading{padding-block:23px 19px}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:start}th{font-size:9px;letter-spacing:.25px;font-weight:500;color:#9aa38f;background:#fcfdf9;white-space:nowrap;padding:12px 24px;border-block:1px solid #f0f2eb;text-align:start}td{padding:16px 24px;border-block-end:1px solid #f0f2eb;vertical-align:middle}tr:last-child td{border-block-end:0}.transaction-description{font-weight:550;color:#52604d;min-width:150px;max-width:340px;line-height:1.6;overflow-wrap:anywhere}.transaction-description small{display:block;font-weight:400;font-size:9px;color:#a0a793;margin-block-start:2px}.transaction-date{white-space:nowrap;color:#8f9b82;font-size:10px}.transaction-account{font-size:10px;color:#8f9b82;max-width:170px;overflow-wrap:anywhere}.transaction-amount{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;color:#5f7051}.transaction-amount.positive{color:#4e8357}.transaction-amount.negative{color:#67765c}.align-end{text-align:end}.transaction-action{padding-inline:10px 19px;width:40px}.edit-button{border:0;background:transparent;padding:7px;border-radius:5px;color:#94a285}.edit-button .icon{width:14px;height:14px}.edit-button:hover{background:#eaf0e2;color:#4c6e39}.pill{display:inline-block;max-width:220px;font-size:9px;line-height:1.5;padding:4px 8px;border-radius:5px;color:#798b67;background:#f1f5e9;overflow-wrap:anywhere}.pill.warning{background:#faf2de;color:#aa8d4f}.pill.neutral{background:#f1f3ed;color:#89947f}.pill.success{background:#e8f2e5;color:#5e8d56}.page-footer{display:flex;justify-content:space-between;gap:16px;padding:30px 0 25px;font-size:9px;color:#a3aa99}.footer-separator{margin-inline:9px;color:#c2c9b8}.page-footer>span:first-child{color:#929e85}.empty-state{text-align:center;display:grid;justify-items:center;align-content:center;min-height:185px;padding:30px 22px;color:#98a28b;gap:9px}.empty-state .empty-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e8eddf;border-radius:12px;color:#97a587;background:#f7f9f2;margin-block-end:3px}.empty-state strong{font-size:12px;color:#748564;font-weight:550}.empty-state p{font-size:10px;line-height:1.75;margin:0;max-width:330px}.empty-state .button{margin-block-start:9px}.loading-message{font-size:11px;color:#9ba88f;padding:30px}.loading{color:transparent;max-width:155px;background:linear-gradient(90deg,#e4eadb,#f1f4ed,#e4eadb);background-size:200% 100%;border-radius:5px;animation:shimmer 1.8s linear infinite}.notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border-radius:9px;font-size:11px;line-height:1.6;margin-block:20px}.error-notice{background:#fbedeb;border:1px solid #efdad5;color:#9b5348}.error-notice .text-button{color:#9b5348;flex:none}.filter-panel{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px}.filter-panel>label{display:grid;gap:7px;flex:1;min-width:120px}.filter-panel>label>span{font-size:10px;color:#7f8c73}.filter-panel select{width:100%}.filter-panel .search-field{display:flex;align-items:center;position:relative;flex:1.7;min-width:210px}.search-field .icon{position:absolute;inset-inline-start:12px;width:16px;height:16px;color:#9ba78d}.search-field input{padding-inline-start:36px}.filter-panel input{width:100%}.filter-panel .text-button{min-height:40px;padding-inline:4px}.transaction-heading{display:flex;align-items:center;justify-content:space-between;margin-block:22px 13px;gap:15px}.transaction-heading p{font-size:11px;color:#8b977e}.inline-label{display:flex;align-items:center;gap:10px;font-size:10px;color:#8c987e}.inline-label select{min-height:33px;padding-block:6px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-block-start:1px solid var(--line);font-size:10px;color:#95a185}.pagination>div{display:flex;gap:8px}.rules-list{padding:0 24px}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block-start:1px solid var(--line);padding:20px 0}.rule-row strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.rule-row p{font-size:10px;color:#9aa58d;margin:7px 0 0;line-height:1.7}.connection-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px}.connection-form-panel .panel-heading .icon{color:#91a181}.stacked-form{padding:8px 24px 24px;display:grid;gap:22px}label{font-size:11px;color:#6c7d5c}input,textarea{border:1px solid #e0e6d8;background:#fcfdf9;border-radius:7px;min-height:40px;padding:10px 12px;max-width:100%;color:#536647;font-size:12px}input::placeholder,textarea::placeholder{color:#aeb7a3}textarea{resize:vertical;min-height:110px}.stacked-form label,.modal form>label,.modal form>div>label{display:grid;gap:9px}.optional{font-weight:400;font-size:9px;color:#9da88f}.field-help{font-size:10px;color:#9aa88a;line-height:1.8}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block-start:1px solid var(--line);padding-block-start:20px}.form-actions .button{flex:none}.connection-side{display:grid;gap:22px;align-content:start}.status-panel{padding-block-end:24px}.status-list{margin:0;padding:0 24px}.status-list>div{display:flex;gap:15px;justify-content:space-between;padding:15px 0;border-block-end:1px solid #eff2e9;font-size:10px;line-height:1.6}.status-list dt{color:#9ca68f}.status-list dd{margin:0;text-align:end;color:#6f825e;max-width:58%;overflow-wrap:anywhere}.status-panel>.button{width:calc(100% - 48px);margin:24px 24px 0}.future-note{background:#edf1e4;border:1px solid #e4ead8;border-radius:13px;padding:24px}.future-note h3{font-size:16px;letter-spacing:-.3px;font-weight:550;color:#647c4f;margin:12px 0}.future-note p{font-size:11px;line-height:1.9;color:#8e9f7b}.future-note p:last-child{margin-block-end:0;font-size:10px;color:#a0ad90}.toast{position:fixed;inset-inline-end:28px;bottom:24px;max-width:min(440px,calc(100% - 32px));background:var(--deep);color:#fff;border:1px solid #315542;border-radius:10px;padding:15px 20px;box-shadow:0 10px 35px #1c39291a;font-size:12px;line-height:1.7;z-index:80}.toast.error{background:#8a463c;border-color:#a65c50}.modal{background:#fff;border:1px solid #e0e7d6;border-radius:17px;padding:27px;width:min(470px,calc(100% - 32px));color:var(--ink);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 25px 100px #20351a29}.modal::backdrop{background:#1b302c70;backdrop-filter:blur(3px)}.modal form{display:grid;gap:20px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:550;margin:10px 0 0}.close-button{border:0;background:#f1f4ec;border-radius:50%;width:30px;height:30px;font-size:21px;line-height:1;color:#90a17f;flex:none}.modal-description{font-size:12px;line-height:1.8;padding:12px 15px;margin:0;background:#f7f9f2;border-radius:7px;overflow-wrap:anywhere;color:#7b8d67}.modal select{font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-block-start:6px}.modal .checkbox-label{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.7}.checkbox-label input{min-height:auto;width:16px;height:16px;margin:0;accent-color:var(--green);flex:none}.form-error{background:#fbefec;padding:12px;border-radius:7px;color:#a76452;font-size:11px;line-height:1.7;margin:0}.privacy-on .amount{letter-spacing:2px}.is-syncing .icon{animation:spin 1.5s linear infinite}.numeric-note{font-variant-numeric:tabular-nums}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.main-content{padding-inline:65px}.page-heading{margin-block-start:43px}.summary-card{padding:24px}.trend-chart{height:260px}.category-list{min-height:260px;padding-block-start:15px;gap:23px}.summary-grid{gap:20px}.analysis-grid{gap:24px}}
@media(max-width:1200px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:13px}.main-content{padding-inline:26px}.summary-grid{gap:11px}.summary-card{padding:17px 15px}.metric{font-size:25px}.card-label{font-size:9px}.analysis-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:15px}.panel-heading{padding-inline:19px}.chart-legend{gap:8px}.category-list{padding-inline:19px}.page-heading h1{font-size:27px}.page-heading{gap:15px}.heading-actions{gap:8px}.select-wrap select{min-width:138px}.button{padding-inline:12px}.coverage-note{padding-inline:16px}.coverage-note p{font-size:9px}.trend-chart{padding-inline:12px}th,td{padding-inline:19px}}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:30px 12px 0;align-items:center}.brand{padding:0}.brand>span:last-child,.workspace-label,.nav-item>span,.local-card,.profile>div,.profile>.online-dot{display:none}.navigation{margin-block-start:42px;gap:12px}.nav-item{width:45px;min-height:45px;justify-content:center;padding:12px}.nav-item .icon{width:19px;height:19px}.sidebar-bottom{width:100%}.profile{justify-content:center;padding:24px 0}.summary-grid{gap:12px}.main-content{padding-inline:28px}.connection-grid{gap:18px}.panel-heading{flex-wrap:wrap}.chart-legend{padding-block-start:0}.evolution-panel .panel-heading{min-height:96px;gap:12px}.categories-panel .panel-heading{min-height:96px;align-items:flex-start}.trend-chart{height:205px}.category-list{min-height:205px}.page-heading{align-items:flex-start}.heading-actions{padding-block-start:10px}.page-heading p{font-size:11px}.page-heading h1{font-size:26px}.metric{font-size:24px}.metric-caption,.metric-link{font-size:8px}.card-label{align-items:flex-start}.metric-icon{width:22px;height:22px}.metric-icon .icon{width:14px;height:14px}}
@media(max-width:760px){.main-content{padding-inline:21px}.topbar{height:72px}.local-badge{display:none}.page-heading{flex-wrap:wrap;margin-block:27px 18px;gap:17px}.heading-actions{padding-block-start:0;justify-content:space-between;width:100%}.select-wrap select{min-width:165px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-card{padding:19px}.metric{font-size:28px;margin-block:15px 12px}.card-label{font-size:10px;align-items:center}.metric-icon{width:26px;height:26px}.metric-caption,.metric-link{font-size:9px}.analysis-grid{grid-template-columns:minmax(0,1fr);gap:18px}.evolution-panel .panel-heading,.categories-panel .panel-heading{min-height:0;align-items:center;flex-wrap:nowrap;padding:22px 21px 13px}.trend-chart{height:225px}.category-list{min-height:0;padding:12px 23px 23px;gap:20px}.chart-legend{gap:12px}.category-row-top{font-size:11px}.category-total{font-size:11px}.coverage-note{align-items:flex-start;flex-wrap:wrap;gap:11px}.coverage-note>div:nth-child(2){flex:1;min-width:150px}.coverage-note .text-button{margin-inline-start:42px}.coverage-note p{font-size:10px}.recent-panel .panel-heading{flex-wrap:nowrap}.recent-panel th:nth-child(3),.recent-panel td:nth-child(3){display:none}.recent-panel th,.recent-panel td{padding-inline:15px}.connection-grid{grid-template-columns:minmax(0,1fr)}.page-footer{flex-wrap:wrap;gap:12px;line-height:1.6}.page-footer>span:last-child{font-size:8px}.filter-panel{padding:15px;gap:13px}.filter-panel .search-field{flex-basis:100%}.filter-panel>label{min-width:calc(50% - 8px)}.filter-panel>.button{flex:1}.filter-panel>.text-button{padding-inline:12px}.transaction-heading{flex-wrap:wrap}.page-heading>.button{margin-block-start:0}.source-line{font-size:9px}.source-separator{margin-inline:1px}.summary-grid{margin-block-end:18px}}
@media(max-width:480px){.app-shell{display:block}.sidebar{position:sticky;top:0;height:auto;min-height:0;padding:12px 15px 0;flex-direction:row;justify-content:space-between;border-inline-end:0;border-block-end:1px solid var(--line);z-index:40;background:#fbfcf8f5;backdrop-filter:blur(12px)}.brand-mark{height:21px;gap:3px}.brand-mark i{width:4px}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}.brand{align-self:flex-start;margin-block-start:6px}.navigation{display:flex;gap:5px;margin:0}.nav-item{min-height:41px;width:41px;margin-block-end:10px}.nav-item .icon{width:18px;height:18px}.sidebar-bottom{display:none}.main-content{padding-inline:17px}.topbar{height:57px}.breadcrumb{font-size:10px;gap:9px}.topbar-right{gap:0}.icon-button{width:29px;height:29px}.page-heading{margin-block-start:24px}.page-heading h1{font-size:27px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading p{font-size:10px}.heading-actions{gap:10px}.heading-actions .select-wrap{flex:1}.select-wrap select{min-width:0;width:100%;font-size:10px}.button{font-size:10px;min-height:39px;padding-inline:13px}.summary-grid{gap:10px}.summary-card{padding:16px 14px}.metric{font-size:25px;margin-block:15px 12px}.card-label{font-size:9px;gap:4px}.metric-icon{width:22px;height:22px}.metric-caption,.metric-link{font-size:8px;line-height:1.7}.source-line{line-height:1.6;gap:5px;margin-block-end:18px}.source-separator{display:none}.source-line #coverage-label{width:100%;padding-inline-start:10px}.evolution-panel .panel-heading{flex-wrap:wrap;gap:12px}.chart-legend{font-size:8px;gap:12px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.panel-heading{padding-inline:18px}.trend-chart{height:200px;padding-inline:10px}.chart-footer{font-size:8px;margin-inline:20px}.coverage-note{padding:15px 13px}.coverage-note strong{font-size:9px}.coverage-note p{font-size:9px}.coverage-note .text-button{font-size:9px}.recent-panel .table-container{overflow:visible}.recent-panel table{table-layout:fixed}.recent-panel th:first-child,.recent-panel td:first-child{width:54%}.recent-panel th:nth-child(2),.recent-panel td:nth-child(2){display:none}.recent-panel th:nth-child(4),.recent-panel td:nth-child(4){display:none}.recent-panel th,.recent-panel td{padding:13px}.recent-panel .transaction-description{min-width:0;font-size:10px}.recent-panel .transaction-description small{font-size:8px}.recent-panel .transaction-amount{font-size:10px}.recent-panel .transaction-action{width:35px;padding:5px 7px}.page-footer{font-size:8px;padding-block:25px}.filter-panel>label{min-width:calc(50% - 8px)}.transaction-heading p{font-size:10px}.pagination{padding-inline:16px}.stacked-form{padding-inline:20px}.connection-form-panel .panel-heading{padding-inline:20px}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .button{align-self:flex-end}.toast{inset-inline-end:16px;bottom:16px;font-size:11px}.modal{padding:23px}.modal-heading h2{font-size:18px}.modal-actions .button{font-size:10px}.rule-row{align-items:flex-start;gap:12px}.rule-row strong{font-size:11px}.rules-list{padding-inline:20px}.status-list{padding-inline:20px}.status-panel>.button{width:calc(100% - 40px);margin-inline:20px}.future-note{padding:21px}.future-note h3{font-size:15px}.future-note p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.session-lock{display:grid;place-items:center;min-height:100dvh;padding:30px;text-align:center;color:#75816f}.session-lock>div{max-width:360px;line-height:1.8}.session-lock p{font-size:13px}
.bills-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block-end:22px}
.bills-toolbar .inline-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.bills-toolbar input[type=month]{border:1px solid #dfe4d8;border-radius:8px;padding:9px 12px;min-height:40px;max-width:100%;background:var(--surface);color:var(--ink)}
.bills-summary .metric{font-size:clamp(18px,1.9vw,28px);overflow-wrap:anywhere}
.bills-summary .metric-caption{line-height:1.6}
.bills-source-note{font-size:11px;line-height:1.7;color:var(--muted);margin-block:0 24px;max-width:76ch}
.bills-list{display:grid;gap:18px;min-width:0}
.bill-card{padding:24px;min-width:0}
.bill-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bill-identity{flex:1;min-width:0}
.bill-identity h2{font-size:16px;line-height:1.45;margin:0 0 7px;font-weight:600;overflow-wrap:anywhere}
.bill-identity p,.bill-payee,.bill-notes,.bill-reconciliation-note,.bill-candidate-count{font-size:11px;color:var(--muted);line-height:1.75;overflow-wrap:anywhere}
.bill-identity p{margin:0}
.bill-value{display:flex;align-items:flex-end;flex-direction:column;gap:9px;min-width:0;max-width:100%}
.bill-value>strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bill-value .pill{max-width:100%;white-space:normal;text-align:end;line-height:1.5}
.bill-payee{margin-block:20px 0}
.bill-notes{margin-block:6px 0}
.bill-evidence{margin-block-start:20px;padding:16px 18px;border-radius:10px;background:#f0f4eb;color:#53664d;overflow-wrap:anywhere}
.bill-evidence>strong{font-size:11px;font-weight:600}
.bill-evidence p{font-size:11px;line-height:1.7;margin:5px 0 0}
.bill-evidence-description{color:var(--ink)}
.bill-evidence .bill-evidence-reason{margin-block-start:10px;color:var(--muted)}
.bill-reconciliation-note{margin-block:20px 0}
.bill-candidate-count{margin-block:4px 0;color:var(--amber)}
.bill-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:20px}
.bill-modal{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
.bill-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.bill-form-grid>label{min-width:0}
.bill-modal input,.bill-modal select,.bill-modal textarea{min-width:0;max-width:100%}
.bill-candidate-detail{background:#f3f5ee;padding:14px;border-radius:8px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-block:0 20px;color:var(--muted)}
.bill-card{--bill-status-color:#1e40af;--bill-status-tint:#dbeafe;padding:0;overflow:hidden;border-inline-start:6px solid var(--bill-status-color)}
.bill-status-paid{--bill-status-color:#166534;--bill-status-tint:#dcfce7}
.bill-status-partial{--bill-status-color:#92400e;--bill-status-tint:#fef3c7}
.bill-status-overdue{--bill-status-color:#991b1b;--bill-status-tint:#fee2e2}
.bill-status-review{--bill-status-color:#6b21a8;--bill-status-tint:#f3e8ff}
.bill-compact-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}
.bill-compact-summary::-webkit-details-marker{display:none}
.bill-compact-summary:hover{background:#f8faf4}
.bill-compact-summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px;border-radius:var(--radius)}
.bill-compact-identity{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.bill-compact-identity>strong{font-size:13px;font-weight:600;line-height:1.4}
.bill-compact-identity>span{font-size:10px;color:var(--muted)}
.bill-compact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;line-height:1.6}
.bill-compact-meta>span{min-inline-size:0;overflow-wrap:anywhere}
.bill-compact-meta>.bill-due-exception{display:inline-flex;align-items:center;gap:5px;color:#8b5b18;font-weight:550}
.bill-due-exception::before{content:'';inline-size:4px;block-size:4px;border-radius:50%;background:#b18132;flex:none}
.bill-due-detail{font-size:11px;color:var(--muted);line-height:1.7;margin-block:0 12px}
.bill-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.bill-preferences-button{min-block-size:40px}
.bill-preferences-modal{inline-size:min(420px,calc(100% - 32px))}
.bill-preferences-form label{display:grid;gap:8px}
.bill-preferences-form input{inline-size:100%;min-block-size:44px}
.bill-compact-method,.bill-compact-payee{display:inline-flex;align-items:center;gap:6px}
.bill-compact-method::before,.bill-compact-payee::before{content:'';inline-size:3px;block-size:3px;border-radius:50%;background:#bdc7b7;flex:none}
.bill-compact-method:first-child::before{display:none}
.bill-compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-block-size:36px}
.bill-copy-pix{display:grid;place-items:center;inline-size:36px;block-size:36px;flex:none;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#72856a;cursor:pointer;transition:background 140ms ease,border-color 140ms ease,color 140ms ease}
.bill-copy-pix .icon{inline-size:17px;block-size:17px}
.bill-copy-pix:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.bill-copy-pix:hover:not(:disabled){background:#edf3e7;border-color:#dce7d4;color:#315e3e}}
.bill-compact-amount{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bill-traffic{display:inline-flex;align-items:center;justify-self:start;gap:7px;min-inline-size:0;min-block-size:22px;max-inline-size:230px;padding:0;background:transparent;box-shadow:none;color:var(--ink);font-size:10px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none;white-space:normal}
.bill-traffic>span{min-width:0;overflow-wrap:anywhere}
.bill-traffic>i{display:block;inline-size:7px;block-size:7px;border-radius:50%;background:var(--bill-status-color);box-shadow:0 0 5px color-mix(in srgb,var(--bill-status-color) 35%,transparent);flex:none;font-size:0}
.bill-traffic>i::before{content:none}
.bill-traffic-paid>i{background:#43e573;box-shadow:0 0 5px #43e57366}
.bill-expand-cue{display:block;inline-size:20px;block-size:22px;color:#5b705c;font-size:0;background:currentColor;-webkit-mask:var(--disclosure-chevron) center/20px 20px no-repeat;mask:var(--disclosure-chevron) center/20px 20px no-repeat;transform:rotate(0)}.bill-card[open]>.bill-compact-summary .bill-expand-cue{transform:rotate(180deg)}
.bill-expanded{padding:4px 20px 22px;border-block-start:1px solid var(--line)}
.bill-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:20px}
.bill-values>div{min-width:0}.bill-values dt{font-size:10px;color:var(--muted);margin-block-end:8px}.bill-values dd{margin:0;font-size:15px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bill-expanded .bill-payee{margin-block-start:0}.bill-expanded .bill-evidence>.button{margin-block-start:12px}
.bill-adjustment-list{font-size:11px;color:var(--muted);line-height:1.8;padding-inline-start:18px;margin-block:18px}
.bill-history{margin-block-start:24px;font-size:11px;color:var(--muted)}.bill-history>summary{cursor:pointer;color:var(--ink);padding-block:8px}.bill-history ol{padding-inline-start:20px;line-height:1.8;display:grid;gap:8px;overflow-wrap:anywhere}
.bill-inactive{padding:18px 20px;font-size:12px}.bill-inactive>summary{cursor:pointer;color:var(--muted)}.bill-inactive-row{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-block-start:18px;flex-wrap:wrap;overflow-wrap:anywhere}
.bill-month-control{display:grid;gap:8px;position:relative}.bill-month-control>.button{justify-content:space-between;min-inline-size:210px;min-block-size:44px;padding:10px 12px;border-color:#d3dccd}.bill-month-control>.button::after{content:'';display:block;flex:0 0 20px;inline-size:20px;block-size:20px;margin-inline-start:12px;color:#5b705c;background:currentColor;-webkit-mask:var(--disclosure-chevron) center/contain no-repeat;mask:var(--disclosure-chevron) center/contain no-repeat;transform:rotate(0)}.bill-month-control>.button[aria-expanded=true]{border-color:#91b797;background:#f6faf2}.bill-month-control>.button[aria-expanded=true]::after{transform:rotate(180deg);color:var(--deep)}
.month-picker{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:50;inline-size:286px;max-inline-size:calc(100vw - 34px);padding:14px;background:var(--surface);border:1px solid #dfe6d8;border-radius:14px;box-shadow:0 14px 40px #20351a1a}
.month-picker-header{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;margin-block-end:12px}.month-picker-header>.button{padding:8px;min-height:36px}.month-picker-header>.month-picker-year{border-color:transparent;background:#f1f5eb;font-size:13px}
.month-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.month-picker-choice{border:0;background:transparent;color:var(--ink);border-radius:7px;padding:10px 5px;min-height:38px;font-size:12px}.month-picker-choice:hover{background:#f1f5eb}.month-picker-choice[aria-pressed=true]{background:var(--deep);color:white}
.reconcile-modal{width:min(720px,calc(100% - 32px))}.reconcile-modal[open]{display:grid;gap:20px}.reconcile-modal .bill-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.reconcile-modal .bill-form-grid>label{display:grid;gap:8px}
.bill-wide{grid-column:1/-1}.bill-search-options>summary{cursor:pointer;padding-block:5px;font-size:12px;font-weight:550}.bill-search-options[open]>summary{margin-block-end:15px}.bill-search-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.bill-search-results{display:grid;gap:8px;max-height:300px;overflow-y:auto;padding:3px;min-width:0}.bill-search-result{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:9px;padding:13px;cursor:pointer;min-width:0}.bill-search-result:has(input:checked){border-color:#96ad85;background:#f2f6ec}.bill-search-result.unavailable{opacity:.6;cursor:default}.bill-search-result>input{margin:2px 0 0;min-height:0;width:16px;height:16px;padding:0;flex:none;accent-color:var(--green)}.bill-search-result>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.bill-search-result strong{font-size:11px;font-weight:550;line-height:1.6}.bill-search-result>span>span{font-size:10px;color:var(--muted);line-height:1.6}
.bill-search-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.bill-payment-preview{padding:14px 16px;background:#f0f4e9;border-radius:9px;line-height:1.8;font-size:12px;color:#526746;margin:0;overflow-wrap:anywhere}.reconcile-modal .bill-candidate-detail{margin:0}
@media(max-width:600px){.bill-card{padding:0}.bill-compact-summary{grid-template-columns:minmax(0,1fr) 44px;gap:6px 12px;padding:16px;align-items:start}.bill-compact-identity{grid-column:1/-1;gap:4px}.bill-compact-meta{gap:3px 10px}.bill-compact-payee{display:none}.bill-compact-amount{grid-column:1;grid-row:2;font-size:15px;line-height:1.4}.bill-traffic{grid-column:1;grid-row:3;max-width:none;align-self:center}.bill-compact-actions{grid-column:2;grid-row:2/4;align-self:end;min-block-size:44px}.bill-copy-pix{inline-size:44px;block-size:44px}.bill-compact-actions:not(:has(.bill-copy-pix)){display:none}.bill-expand-cue{display:none}.bill-expanded{padding-inline:17px}.bill-values{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-values dd{font-size:14px}.reconcile-modal .bill-form-grid{grid-template-columns:minmax(0,1fr)}.bill-search-result{padding:11px}.bill-search-pagination{flex-wrap:wrap}.bill-card-actions{gap:9px}.bill-card-actions>.button{font-size:10px}.month-picker{padding:12px}}
@media(max-width:600px){.bill-card{padding:0}.bill-form-grid{grid-template-columns:minmax(0,1fr);gap:0}.bills-toolbar{align-items:flex-start}.bill-modal .modal-actions{flex-wrap:wrap}.bill-evidence{padding:14px}.bills-summary .metric-caption{font-size:9px}}
@media(max-width:480px){.topbar-right{gap:9px}#logout-button{min-height:30px;font-size:10px;padding-inline:10px}}

.account-fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:70}
.account-fab-trigger{width:52px;height:52px;display:grid;place-items:center;border:1px solid #315b43;border-radius:50%;background:var(--deep);color:white;box-shadow:0 5px 18px #173e3229;padding:0;position:relative}
.fab-avatar,.fab-spinner{width:8px;height:8px;border-radius:50%;background:#fff}
.fab-spinner{animation:fab-dot-pulse 1.1s ease-in-out infinite}.account-fab[data-phase=error] .account-fab-trigger{background:#913c35;border-color:#913c35}
.account-fab-menu{position:fixed;inset-inline-end:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 66px);width:320px;max-width:calc(100% - 40px);max-height:calc(100dvh - 110px);overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 60px #173e3226;display:grid;gap:18px}
.fab-account{display:grid;gap:5px;min-width:0}.fab-account strong{font-size:13px;overflow-wrap:anywhere}.fab-account-email{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.fab-status{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.account-fab[data-phase=error] .fab-status{color:#913c35}.fab-language-label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.fab-language-label select{width:100%;font-size:12px}.fab-actions{display:grid;gap:9px}.fab-actions .button{font-size:12px}.page-footer{padding-block-end:90px}
@keyframes fab-dot-pulse{0%,100%{transform:scale(.75)}50%{transform:scale(1.75)}}
@media(max-width:480px){.account-fab{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.account-fab-menu{inset-inline-end:max(14px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 66px);max-width:calc(100% - 28px);width:300px}.toast{bottom:80px}}
@media(prefers-reduced-motion:reduce){.fab-spinner{animation:none;transform:none}}

/* Controls share a quiet focus treatment and a consistent form baseline. */
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid transparent;outline-offset:3px;box-shadow:0 0 0 1px #688d50,0 0 0 4px #a4c98324,0 0 16px #93bb6e38}
.bill-compact-summary:focus-visible{outline:2px solid transparent;outline-offset:-3px;box-shadow:inset 0 0 0 1px #688d50,inset 0 0 12px #93bb6e24}
.bill-modal{--control-height:44px}
.bill-modal .bill-form-grid{gap:18px 20px;align-items:start}
.bill-modal .bill-form-grid>label{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.bill-modal .field-label{display:block;min-block-size:20px;line-height:20px;font-size:12px;color:#536647}
.bill-modal .field-label>.optional{display:inline;margin-inline-start:4px}
.bill-modal :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),select){inline-size:100%;block-size:var(--control-height);min-block-size:var(--control-height);padding-block:10px;line-height:22px;font-size:12px;box-sizing:border-box}
.bill-modal input:disabled,.bill-modal select:disabled{background:#f1f3ed;color:#8b9582;border-color:#e6eade;opacity:.75}
.bill-modal textarea{line-height:1.65;resize:vertical}
.month-picker{padding:16px;border-color:#e4eadd;border-radius:16px;background:#fdfefa;box-shadow:0 12px 38px #20351a16,0 2px 8px #20351a08}
.month-picker-header{grid-template-columns:36px minmax(0,1fr) 36px;gap:12px;padding-block-end:13px;margin-block-end:12px;border-block-end:1px solid #edf1e6}
.month-picker-header>.button{background:transparent;border-color:transparent;color:#6f8362;min-height:36px;font-size:20px}
.month-picker-header>.button:hover{background:#f0f5e9}
.month-picker-header>.month-picker-year{background:#f1f6e9;color:#425b32;font-size:14px;font-weight:600;letter-spacing:.2px}
.month-picker-grid{gap:8px}
.month-picker-choice{position:relative;min-height:43px;border:1px solid transparent;border-radius:9px;padding:11px 6px;font-size:12px;line-height:18px;background:transparent;color:#607351}
.month-picker-choice:hover{background:#f0f6e7;color:#3e5c2d}
.month-picker-choice[aria-pressed=true]{background:#eaf4dd;color:#315a25;font-weight:650;box-shadow:0 0 0 1px #b2ce9138,0 0 14px #a4ce742e}
.month-picker-choice[aria-pressed=true]::after{content:'';position:absolute;inset-inline-start:calc(50% - 2px);inset-block-end:5px;inline-size:4px;block-size:4px;border-radius:50%;background:#72aa42}
.bill-history ol{padding-inline-start:0;list-style:none;gap:16px}
.bill-history-entry{padding:16px;background:#f8faf4;border:1px solid #edf1e7;border-radius:10px;min-inline-size:0}
.bill-history-heading{display:block;font-size:11px;font-weight:600;line-height:1.65;color:#586e47}
.bill-history-reason{font-size:11px;line-height:1.7;color:var(--muted);margin-block:8px 0;overflow-wrap:anywhere;white-space:pre-wrap}
.bill-history-unavailable{font-size:10px;color:#8b967f;line-height:1.7;margin-block:10px 0}
.bill-history-changes{display:grid;gap:12px;margin-block:15px 0}
.bill-history-change{display:grid;grid-template-columns:minmax(80px,.8fr) repeat(2,minmax(0,1fr));gap:12px;padding-block-start:12px;border-block-start:1px solid #e7eddd;align-items:start;min-width:0}
.bill-history-change>dt{font-size:11px;color:#6d7d60;line-height:1.7;font-weight:550;overflow-wrap:anywhere}
.bill-history-change>dd{display:grid;gap:4px;min-width:0;margin:0;overflow-wrap:anywhere}
.bill-history-value-label{font-size:9px;color:#8a987e;line-height:1.5}
.bill-history-value{font-size:11px;line-height:1.7;color:#516847;white-space:pre-wrap}
.bill-history>summary,.bill-inactive>summary,.bill-search-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:36px;list-style:none}
.bill-history>summary::-webkit-details-marker,.bill-inactive>summary::-webkit-details-marker,.bill-search-options>summary::-webkit-details-marker{display:none}
.bill-history>summary::marker,.bill-inactive>summary::marker,.bill-search-options>summary::marker{content:''}
.bill-history>summary::after,.bill-inactive>summary::after,.bill-search-options>summary::after{content:'';display:block;flex:0 0 20px;inline-size:20px;block-size:20px;color:#5b705c;background:currentColor;-webkit-mask:var(--disclosure-chevron) center/contain no-repeat;mask:var(--disclosure-chevron) center/contain no-repeat;transform:rotate(0)}
.bill-history[open]>summary::after,.bill-inactive[open]>summary::after,.bill-search-options[open]>summary::after{transform:rotate(180deg)}
@media(max-width:600px){.bill-modal .bill-form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.month-picker{padding:13px}.month-picker-grid{gap:6px}.bill-history-entry{padding:13px}.bill-history-change{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.bill-history-change>dt{grid-column:1/-1}}
@media(forced-colors:active){:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid Highlight;box-shadow:none}.month-picker-choice[aria-pressed=true]{border-color:Highlight}}
@media(forced-colors:active){.bill-expand-cue,.bill-month-control>.button::after,.bill-history>summary::after,.bill-inactive>summary::after,.bill-search-options>summary::after{color:ButtonText;forced-color-adjust:none}}

.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-block:24px 0;border:1px solid #d9e4cd;border-radius:12px;background:#f0f6e8;color:#385831;min-inline-size:0}
.demo-banner-copy{display:grid;gap:5px;min-inline-size:0}
.demo-banner-copy>strong{font-size:12px;font-weight:650;line-height:1.5}
.demo-banner-copy>span{font-size:11px;line-height:1.7;color:#6d7d61;overflow-wrap:anywhere}
.demo-banner-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;flex:none}
.demo-banner-actions>.button{min-block-size:38px;border-color:#ccdabc;background:#fff;color:#46633c;font-size:11px;white-space:nowrap;text-decoration:none}
.demo-banner-actions>.button:hover{border-color:#9db887;background:#f9fcf5}
.demo-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #d5e2c8;border-radius:6px;background:#eff6e7;color:#48643a;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap}
.demo-badge::before{content:'';inline-size:5px;block-size:5px;border-radius:50%;background:#83a85d}
@media(max-width:760px){.demo-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 15px;margin-block-start:18px}.demo-banner-actions{justify-content:flex-start;gap:8px}.demo-banner-actions>.button{min-block-size:40px}.demo-banner-copy>span{font-size:10px}}
@media(max-width:480px){body[data-demo=true] #logout-button{display:none}}
.bill-pix-fields{display:grid;gap:10px;padding:16px;margin-block:18px;border:1px solid #dfe8d6;border-radius:10px;background:#f7faf2;min-inline-size:0}
.bill-pix-grid{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);gap:18px;align-items:start;min-inline-size:0}
.bill-pix-grid>label{display:grid;gap:8px;min-inline-size:0;margin:0}
.bill-pix-fields input[readonly]{background:#edf3e6;color:#526647;border-color:#d9e3d0;cursor:text}
.bill-pix-key-replace{justify-self:end;min-block-size:36px;padding:6px 2px;font-size:11px;color:var(--green)}
.bill-end-options{padding:0 12px;border:1px solid #e2e9dc;border-radius:8px;min-inline-size:0}
.bill-end-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:40px;font-size:11px;color:#536647;line-height:1.5;cursor:pointer;list-style:none}
.bill-end-options>summary::-webkit-details-marker{display:none}.bill-end-options>summary::marker{content:''}
.bill-end-options>summary::after{content:'';display:block;flex:0 0 20px;inline-size:20px;block-size:20px;color:#5b705c;background:currentColor;-webkit-mask:var(--disclosure-chevron) center/contain no-repeat;mask:var(--disclosure-chevron) center/contain no-repeat;transform:rotate(0)}
.bill-end-options[open]>summary::after{transform:rotate(180deg)}
.bill-end-options>label{display:grid;gap:8px;min-inline-size:0;margin-block:8px 12px}
@media(max-width:600px){.bill-pix-fields{padding:13px}.bill-pix-grid{grid-template-columns:minmax(0,1fr);gap:14px}}
@media(forced-colors:active){.bill-end-options>summary::after{color:ButtonText;forced-color-adjust:none}}

/* Dialog controls keep their geometry when text grows or the viewport narrows. */
html{scrollbar-gutter:stable}
html:has(dialog:modal),body:has(dialog:modal){overflow:hidden}
.modal{overscroll-behavior:contain}
.modal form{grid-template-columns:minmax(0,1fr)}
.modal :is(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),textarea){min-inline-size:0;inline-size:100%}
.modal-heading>:first-child{min-inline-size:0;overflow-wrap:anywhere}
.modal-heading>h2{margin-block-start:0;align-self:center}
.close-button{display:grid;place-items:center;padding:0;line-height:0;color:#65775f;touch-action:manipulation}
.close-button .icon{inline-size:16px;block-size:16px;pointer-events:none;stroke-width:1.8}
.close-button:active{background:var(--mint);color:var(--deep)}
.modal-actions{flex-wrap:wrap}
.modal-actions>.button{max-inline-size:100%;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.close-button:hover{background:var(--mint);color:var(--deep)}}
@media(pointer:coarse){.close-button{width:44px;height:44px}}

/* Keep dialog actions visible while only the form content scrolls. */
.modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;overflow:hidden}
.modal>.modal-heading{padding:24px 27px 20px;background:#fff;border-block-end:1px solid #edf0e8}
.modal-body{min-inline-size:0;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:22px 27px;scroll-padding-block:22px}
.modal-body>form{min-inline-size:0;margin:0}
.modal>.modal-actions{padding:18px 27px;background:#fff;border-block-start:1px solid #edf0e8}
@media(max-width:480px){.modal>.modal-heading{padding:20px 23px 16px}.modal-body{padding:20px 23px;scroll-padding-block:20px}.modal>.modal-actions{padding:16px 23px}}

/* Personal bill rules keep payment status and preference warnings independent. */
.bill-compact-meta>.bill-method-exception{color:#b13232;font-weight:550}
.bill-compact-meta>.bill-method-exception::before{display:block;inline-size:5px;block-size:5px;background:#d83535;box-shadow:0 0 5px #d8353526}
.bill-preferences-modal{inline-size:min(500px,calc(100% - 32px))}
.bill-preference-section{display:grid;gap:12px;min-inline-size:0}
.bill-preference-section>.field-help{margin:0}
.bill-preference-exceptions{border:1px solid var(--line);border-radius:9px;padding:0 12px}
.bill-preference-exceptions>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-block-size:44px;font-size:11px;color:var(--deep);padding-block:10px}
.bill-preference-exceptions>summary::-webkit-details-marker{display:none}
.bill-preference-exceptions>summary::after{content:'';inline-size:8px;block-size:8px;flex:none;border-inline-end:1.7px solid currentColor;border-block-end:1.7px solid currentColor;transform:rotate(45deg);margin-inline-end:3px}
.bill-preference-exceptions[open]>summary::after{transform:rotate(225deg)}
.bill-preference-exceptions>summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:5px}
.bill-preference-exceptions>.field-help{margin:0 0 10px}
.bill-preference-list{display:grid;gap:6px;margin-block-end:12px}
.bill-preferences-form .bill-preference-check{display:flex;align-items:center;gap:10px;min-inline-size:0;min-block-size:40px;padding:8px 10px;border-radius:6px;background:#f7f9f3;cursor:pointer;font-size:11px}
.bill-preferences-form .bill-preference-check:has(:checked){background:#e8f1e4}
.bill-preferences-form .bill-preference-check input{inline-size:16px;block-size:16px;min-block-size:16px;flex:none;margin:0;accent-color:var(--green)}
.bill-preference-check span{overflow-wrap:anywhere}
@media(forced-colors:active){.bill-compact-meta>.bill-method-exception::before{background:CanvasText;forced-color-adjust:none}.bill-preference-check:has(:checked){outline:1px solid Highlight}}

/* Hide chart explanations without collapsing their visual structure. */
.privacy-on .chart-legend-label{visibility:hidden}


/* Pix copies the saved key without changing the original card spacing. */
.bill-compact-method .bill-copy-pix{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;inline-size:auto;block-size:auto;min-block-size:0;padding:0;border:0;border-radius:3px;background:transparent;color:var(--bill-status-color);font:inherit;font-weight:700;line-height:inherit;text-decoration:none}
.bill-compact-method .bill-copy-pix::after{content:'';position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:100%;min-inline-size:24px;block-size:24px;transform:translate(-50%,-50%)}
.bill-compact-method .bill-copy-pix:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--bill-status-color);text-decoration:none}
@media(max-width:600px){.bill-compact-method .bill-copy-pix{min-inline-size:44px;min-block-size:44px}.bill-compact-method .bill-copy-pix::after{block-size:44px}}

.bill-compact-payee:first-child::before{display:none}
.bill-month-field{display:flex;flex-direction:column;gap:8px;min-inline-size:0}
.bill-modal .bill-month-control>.button{inline-size:100%;min-inline-size:0;min-block-size:44px;font-size:12px;font-weight:400;text-align:start}
.bill-modal .bill-month-control>.button:disabled{background:#f1f3ed;color:#8b9582;border-color:#e6eade;opacity:.75;cursor:not-allowed}
.bill-modal .month-picker{position:fixed;inline-size:min(286px,calc(100vw - 64px));max-block-size:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
.month-picker-footer{display:flex;justify-content:flex-end;margin-block-start:12px;padding-block-start:12px;border-block-start:1px solid #edf1e6}
.month-picker-footer>.button{font-size:12px}
@media(max-width:600px){.bill-compact-meta:not(:has(.bill-compact-method,.bill-compact-due)){display:none}}

.mercado-livre-panel{margin-block-start:23px;min-inline-size:0}
.mercado-livre-panel>.panel-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}
.mercado-livre-context{padding:0 24px 12px;font-size:11px;line-height:1.8;color:var(--muted);max-inline-size:850px;overflow-wrap:anywhere}
.mercado-livre-context p{margin:0 0 10px}
.mercado-livre-context p:last-child{margin-block-end:0;color:var(--deep)}
.mercado-livre-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}
.mercado-livre-fields>label{min-inline-size:0;align-content:start}
.mercado-livre-panel input{min-inline-size:0;inline-size:100%}
.mercado-livre-actions{flex-wrap:wrap;align-items:flex-start}
.mercado-livre-actions>.field-help{flex:1 1 220px;min-inline-size:0;max-inline-size:510px;line-height:1.8}
.mercado-livre-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;max-inline-size:100%;margin-inline-start:auto}
.mercado-livre-buttons>.button{white-space:normal;text-align:center}
.mercado-livre-buttons>.text-button{min-block-size:40px}
@media(max-width:600px){.mercado-livre-fields{grid-template-columns:minmax(0,1fr)}.mercado-livre-context{padding-inline:20px}.mercado-livre-actions{flex-direction:column}.mercado-livre-actions>.field-help{flex-basis:auto}.mercado-livre-buttons{inline-size:100%;margin:0;justify-content:flex-start}.mercado-livre-buttons>.button{flex:1 1 180px}.mercado-livre-buttons>.text-button{margin-inline-start:auto}}