:root{color-scheme:light;--font-interface: "quador", Georgia, serif;font-family:var(--font-interface);color:var(--color-text-primary);background:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-size:16px;line-height:1.5;--text-caption:.8125rem;--text-label:.8125rem;--text-ui:.9375rem;--text-body:1rem;--text-heading:1.25rem;--text-title:1.875rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--color-focus-ring:#007aff;--color-danger-text:#9a4335;--color-danger-bg:#fff0eb;--color-border-selected:#8abfff;--color-selection-bg:#b8d7ff;--color-selection-text:#102d50;--color-text-primary:#1c1c1e;--color-text-secondary:#636366;--color-text-disabled:#8e8e93;--color-text-inverse:#fff;--color-bg-page:#f2f2f7;--color-bg-surface:#fff;--color-bg-surface-raised:#fff;--color-bg-surface-subtle:#f9f9fb;--color-bg-surface-hover:#f2f2f7;--color-bg-surface-sunken:#e5e5ea;--color-bg-selected:#e8f2ff;--color-border-subtle:#d1d1d6;--color-border-default:#c7c7cc;--color-border-strong:#aeaeb2;--color-border-focus:#007aff;--color-separator:#e5e5ea;--color-accent-solid:#0066cc;--color-accent-solid-hover:#004da8;--color-accent-icon:#007aff;--color-accent-text:#0066cc;--color-accent-subtle:#e8f2ff;--color-summary-bg:#fff;--color-summary-text:#1c1c1e;--color-summary-muted:#636366;--color-summary-border:#d1d1d6;--color-status-pending-bg:#fff0d8;--color-status-pending-text:#795715;--color-status-paid-bg:#e0f2e7;--color-status-paid-text:#246446;--color-status-review-bg:#ffebe5;--color-status-review-text:#9a4335;--color-status-error-bg:#fff0eb;--color-status-error-text:#8b3d31;--color-status-info-bg:#edf6f0;--color-status-info-border:#c9e1d2;--color-status-info-text:#255847;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}body,button,input,select{font:inherit}::selection{color:var(--color-selection-text);background:var(--color-selection-bg)}button,select,input{color:var(--color-text-primary)}button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid var(--color-accent-solid);border-radius:10px;background:var(--color-accent-solid);color:var(--color-text-inverse);font-size:var(--text-ui);font-weight:400;cursor:pointer;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .12s var(--ease-out)}button:hover:not(:disabled){border-color:var(--color-accent-solid-hover);background:var(--color-accent-solid-hover)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.secondary{border-color:var(--color-border-default);background:var(--color-bg-surface);color:var(--color-accent-text)}.secondary:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-surface-hover);color:var(--color-accent-text)}.with-icon svg{width:17px;height:17px;flex:0 0 auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-text-primary);font-weight:700}h1{margin:0;font-size:var(--text-title);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h2{margin:0;font-size:var(--text-heading);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h3{margin:0;font-size:var(--text-body);line-height:1.3}p{color:var(--color-text-secondary);text-wrap:pretty}.shell{width:min(1120px,100%);margin:0 auto;padding:20px 28px 42px}.shell>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--color-border-subtle)}.icon-action{display:inline-grid;width:42px;min-width:42px;height:42px;min-height:42px;place-items:center;padding:0;border:0;border-radius:11px;background:transparent;color:var(--color-accent-icon)}.icon-action svg{width:19px;height:19px}.icon-action:hover:not(:disabled){border:0;background:var(--color-bg-surface-hover);color:var(--color-accent-text)}.icon-action:disabled{background:transparent;color:var(--color-text-disabled);opacity:.55}.header-action{color:var(--color-text-secondary)}.toolbar{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px}.toolbar label,.settings label{display:grid;gap:5px;color:var(--color-text-secondary);font-size:var(--text-ui);font-weight:400}select,input{width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid var(--color-border-default);border-radius:9px;background:var(--color-bg-surface);font-size:var(--text-ui)}select{min-width:190px}.notice,.empty{margin:14px 0;padding:12px 14px;border:1px solid var(--color-status-info-border);border-radius:11px;background:var(--color-status-info-bg);color:var(--color-status-info-text);font-size:var(--text-ui)}.empty h2{margin-bottom:6px}.empty p{margin:0;font-size:14px}.payments-section{margin:0 0 20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 10px}.total-qr{color:var(--color-accent-text)}.total-qr:hover:not(:disabled){color:var(--color-accent-text)}.cards{display:grid;gap:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:22px;background:var(--color-bg-surface)}.card{position:relative;display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 112px 154px;align-items:center;overflow:hidden;border:0;border-radius:0;background:var(--color-bg-surface);box-shadow:none;transition:background-color .16s var(--ease-out),color .2s var(--ease-out)}.card+.card{border-top:1px solid var(--color-separator)}.card.expanded{background:var(--color-bg-selected);box-shadow:none}.card:not(.expanded):has(.payment-toggle:hover){background:var(--color-bg-surface-hover)}.card:not(.expanded):has(.payment-toggle:active){background:var(--color-bg-selected)}.payment-toggle{display:grid;width:100%;min-width:0;min-height:58px;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;padding:11px 12px 11px 17px;border:0;border-radius:0;background:transparent;color:var(--color-text-primary);text-align:left;transition:color .16s var(--ease-out)}.payment-toggle{grid-column:1}.payment-toggle:hover:not(:disabled),.card.expanded .payment-toggle,.card.expanded .payment-toggle:hover{border:0;background:transparent;color:var(--color-text-primary);transform:none}.payment-toggle:active:not(:disabled){transform:none}.payment-name{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;min-width:0}.payment-name>strong{font-size:16px;font-weight:700;letter-spacing:-.015em}.payment-name>small{color:var(--color-text-secondary);font-size:var(--text-label);white-space:nowrap}.badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 9px;border-radius:999px;background:var(--color-status-pending-bg);color:var(--color-status-pending-text);font-size:var(--text-label);font-weight:700;white-space:nowrap}.badge.paid{background:var(--color-status-paid-bg);color:var(--color-status-paid-text)}.badge.review{background:var(--color-status-review-bg);color:var(--color-status-review-text)}.payment-amount{grid-column:2;justify-self:end;padding:0 10px 0 4px;color:var(--color-text-primary);font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;transition:color .2s var(--ease-out)}.row-chevron{display:grid;place-items:center;color:var(--color-text-secondary);transition:transform .18s ease}.row-chevron svg{width:18px;height:18px}.card.expanded .row-chevron{transform:rotate(180deg)}.row-shortcuts{display:flex;grid-column:3;align-items:center;gap:4px;padding:0 7px 0 9px;border-left:1px solid var(--color-border-subtle)}.row-shortcuts .icon-action{width:42px;min-width:42px;height:42px}.shortcut-placeholder{width:42px;flex:0 0 42px}.payment-details-clip{display:grid;grid-column:1 / -1;grid-template-rows:0fr;min-height:0;overflow:hidden;opacity:0;transition:grid-template-rows .18s var(--ease-out),opacity .14s var(--ease-out)}.payment-details-clip.is-open{grid-template-rows:1fr;opacity:1}.payment-details{display:grid;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:7px 17px;border-top:1px solid var(--color-border-selected);background:color-mix(in srgb,var(--color-bg-selected) 66%,var(--color-bg-surface))}.payment-details .breakdown{display:flex;flex-wrap:wrap;gap:5px 16px;margin:0;padding:0}.payment-details .breakdown>span{display:flex;align-items:baseline;gap:6px;color:var(--color-text-secondary);font-size:var(--text-caption)}.payment-details .breakdown strong{color:var(--color-text-primary);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.payment-details .actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:auto}.payment-details .payment-confirm-action{width:36px;min-width:36px;height:36px;min-height:36px;border-radius:50%;background:var(--color-accent-solid);color:var(--color-text-inverse)}.payment-details .payment-confirm-action:hover:not(:disabled){background:var(--color-accent-solid-hover);color:var(--color-text-inverse)}.payment-details .payment-undo-action{color:var(--color-text-secondary)}.payment-details .subtle{grid-column:1 / -1;margin:0;color:var(--color-text-secondary);font-size:var(--text-label)}.payment-totals{margin-top:14px;padding:16px 18px 13px;border:1px solid var(--color-summary-border);border-radius:22px;background:var(--color-summary-bg);color:var(--color-summary-text);box-shadow:0 1px 3px #0000000d;transition:background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out)}.payment-totals>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.payment-totals .eyebrow{display:block;margin-bottom:3px;color:var(--color-summary-muted);font-size:var(--text-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.payment-totals h3{color:var(--color-summary-text);font-size:1.125rem}.totals-table{display:grid}.totals-row{display:grid;grid-template-columns:minmax(100px,1.05fr) repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:9px 4px;border-top:1px solid color-mix(in srgb,var(--color-summary-text) 20%,transparent);color:var(--color-summary-muted);font-size:var(--text-caption)}.totals-row>:not(:first-child){justify-self:end;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.totals-row>:first-child{color:var(--color-summary-muted)}.totals-row strong{color:var(--color-summary-text);font-size:var(--text-label);font-weight:700}.totals-heading{border-top:0;padding-top:0;color:var(--color-summary-muted);font-size:var(--text-label)}.totals-heading strong{color:var(--color-summary-muted);font-size:var(--text-label);font-weight:400}.totals-grand{border-top-color:color-mix(in srgb,var(--color-summary-text) 34%,transparent)}.totals-grand>:first-child,.totals-grand strong{color:var(--color-summary-text);font-weight:700}.payment-totals>p{margin:9px 0 0;color:var(--color-summary-muted);font-size:var(--text-label)}.support-details{margin:10px 0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-surface);transition:background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out)}.support-details>summary{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;color:var(--color-text-primary);font-size:var(--text-ui);font-weight:700;cursor:pointer;list-style:none}.support-details>summary::-webkit-details-marker{display:none}.support-details>summary:after{width:8px;height:8px;margin-left:3px;border-right:1.7px solid var(--color-text-secondary);border-bottom:1.7px solid var(--color-text-secondary);content:"";transform:rotate(45deg) translateY(-2px);transition:transform .18s var(--ease-in-out)}.support-details[open]>summary:after{transform:rotate(225deg) translate(-2px,-1px)}.support-details>summary small{margin-left:auto;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:400}.support-details[open]>summary{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface-subtle)}.archive-panel{padding:12px 14px 10px}.section-title h2{font-size:var(--text-heading)}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 8px}.archive-heading h2{font-size:16px}.archive-heading p{margin:3px 0 0;color:var(--color-text-secondary);font-size:var(--text-label)}.archive-selection{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 10px;color:var(--color-text-secondary);font-size:var(--text-label)}.text-action{min-height:30px;padding:4px 7px;border:0;border-radius:8px;background:transparent;color:var(--color-accent-text);font-size:var(--text-label)}.text-action:hover:not(:disabled){border:0;background:var(--color-accent-subtle);color:var(--color-accent-text)}.document-list{overflow:hidden;border:0;border-radius:0;background:transparent}.doc-row{display:grid;min-height:45px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 2px}.doc-row+.doc-row{border-top:1px solid var(--color-separator)}.doc-select-slot{display:grid;width:22px;place-items:center}.doc-select-slot input{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--color-accent-solid)}.doc-copy{display:grid;min-width:0;gap:1px}.doc-copy strong{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-label);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.doc-copy small{overflow:hidden;color:var(--color-text-secondary);font-size:var(--text-label);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.doc-open,.pdf-open{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-accent-icon)}.doc-open svg,.pdf-open svg{width:20px;height:20px}.doc-open:hover:not(:disabled),.pdf-open:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent-text)}.archive-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;padding-top:7px;border-top:1px solid var(--color-separator)}.archive-actions>span{color:var(--color-text-secondary);font-size:var(--text-label)}.archive-actions>div{display:flex;align-items:center;gap:4px}.archive-actions .share-action{color:var(--color-accent-text)}.share-action-item{display:flex;align-items:center;gap:5px;color:var(--color-status-info-text);font-size:var(--text-label);font-weight:400}.share-action{width:38px;min-width:38px;height:38px;min-height:38px;color:var(--color-accent-text)}.share-action:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent-text)}.share-action:disabled{opacity:.4}.settings>p{margin:0 0 9px;font-size:13px;line-height:1.5}.settings{padding:12px 14px 16px}.settings form{display:grid;grid-template-columns:minmax(11ch,18ch) minmax(16ch,1fr) minmax(10ch,14ch) auto;align-items:end;gap:10px}.settings input{min-width:0}.settings input[name=key]{width:min(100%,18ch);font-variant-numeric:tabular-nums}.save-action{margin-bottom:0;color:var(--color-accent-icon)}.save-action:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent-text)}.copy-action{width:38px;min-width:38px;height:38px;min-height:38px}.login-shell{position:relative;width:100%;max-width:none;min-height:100vh;min-height:100dvh;padding:0}.login-shell>.site-header{position:absolute;z-index:1;inset:16px max(16px,calc((100% - 1064px)/2)) auto;margin:0}.login{display:grid;width:min(1120px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:30px;border:1px solid var(--color-border-subtle);border-radius:16px;background:var(--color-bg-surface);box-shadow:0 18px 56px #15372a14}.login-card .eyebrow{margin:0 0 8px;color:var(--color-accent-text);font-size:var(--text-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin-bottom:10px}.login-card p{margin-bottom:16px;font-size:14px}.login-card .login-google{display:flex;width:100%;min-height:48px;justify-content:center;gap:12px;margin-top:20px;border:1px solid #dadce0;border-radius:6px;background:#fff;color:#3c4043;font-family:Arial,sans-serif;font-size:14px;font-weight:600;box-shadow:0 1px 2px #3c40432e}.login-card .login-google:hover:not(:disabled){border-color:#c6c9ce;background:#f8faff;color:#202124}.login-google svg{width:20px;height:20px;flex:0 0 20px}.error{margin:14px 0 0;color:var(--color-danger-text);font-size:var(--text-ui)}.quick-dialog{width:min(960px,calc(100vw - 32px));max-width:none;max-height:min(88vh,820px);padding:0;overflow-y:auto;border:1px solid var(--color-border-default);border-radius:16px;background:var(--color-bg-surface-raised);color:var(--color-text-primary);box-shadow:0 20px 70px #0a2d2438;opacity:0;transform:scale(.97);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.quick-dialog[open]{opacity:1;transform:scale(1)}.quick-dialog::backdrop{background:#1226218f;opacity:0;transition:opacity .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.quick-dialog[open]::backdrop{opacity:1}@starting-style{.quick-dialog[open]{opacity:0;transform:scale(.97)}.quick-dialog[open]::backdrop{opacity:0}}.quick-dialog-inner{padding:18px 20px 20px}.quick-dialog-inner>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px;padding:0 0 12px;border-bottom:1px solid var(--color-border-subtle)}.quick-dialog-inner>header h2{font-size:19px}.quick-dialog-inner>header p{margin:4px 0 0;font-size:13px}.dialog-close{flex:0 0 auto}.quick-dae,.quick-documents{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);align-items:start;gap:16px;padding-top:14px}.qr-panel{display:flex;align-items:center;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--color-border-subtle);border-radius:13px;background:var(--color-bg-surface-subtle);text-align:center}.qr-panel p{margin:0;font-size:13px}.large-qr{display:block;width:min(230px,100%);height:auto;image-rendering:pixelated}.qr-single{width:min(440px,100%);min-height:0;margin:16px auto 0;justify-content:center}.pdf-panel{min-width:0}.pdf-panel>p{margin:0 0 8px;font-size:12px}.pdf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pdf-panel-heading h3{min-width:0;font-size:14px}.pdf-panel-heading button{flex:0 0 auto;font-size:12px}.pdf-pages{display:grid;gap:8px;overflow:visible;padding:3px;border:1px solid var(--color-border-subtle);border-radius:10px;background:var(--color-bg-surface-sunken)}.pdf-pages img{display:block;width:100%;height:auto;border-radius:5px;background:#fff}.quick-doc-list h3{margin:0 0 8px}.quick-doc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 3px;border-bottom:1px solid var(--color-separator)}.quick-doc-row:last-child{border-bottom:0}.quick-doc-row strong,.quick-doc-row small{display:block}.quick-doc-row strong{font-size:var(--text-label);font-weight:700}.quick-doc-row small{margin-top:2px;color:var(--color-text-secondary);font-size:var(--text-label)}.quick-error{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:var(--color-danger-bg);color:var(--color-danger-text);font-size:var(--text-ui)}.quick-loading{margin:10px 0 0;color:var(--color-text-secondary);font-size:12px}code{font-size:.94em}.site-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin:0 0 18px;padding:8px 4px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-border-subtle) 74%,transparent);background:color-mix(in srgb,var(--color-bg-page) 84%,transparent);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}.header-leading,.header-actions{display:flex;align-items:center;gap:8px}.brand-link{color:var(--color-text-primary);font-size:15px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-link span{color:var(--color-text-secondary);font-size:13px;font-weight:400}.site-header .icon-action{color:var(--color-text-secondary)}.site-header .icon-action:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-accent-text)}.settings-action{position:relative}.toolbar{align-items:center}.month-control{position:relative;display:flex;align-items:center;gap:10px}.month-label{color:var(--color-text-primary);font-size:14px;font-weight:700}.month-nav{display:flex;align-items:center;gap:4px}.month-nav>.icon-action{width:34px;min-width:34px;height:36px;min-height:36px}.month-current{display:flex;min-width:218px;min-height:40px;align-items:center;justify-content:space-between;gap:10px;padding:6px 11px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-ui);font-weight:700}.month-current:hover:not(:disabled){border-color:var(--color-accent-solid);background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.month-current svg:first-child{color:var(--color-accent-icon)}.month-current svg:last-child{width:15px;height:15px;color:var(--color-text-secondary)}.month-popover{position:absolute;z-index:5;top:calc(100% + 8px);left:34px;width:260px;padding:12px;border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-bg-surface-raised);box-shadow:0 12px 34px #12262129;opacity:1;transform:scale(1);transform-origin:top left;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}@starting-style{.month-popover{opacity:0;transform:scale(.97)}}.year-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.year-switch strong{font-size:14px;font-variant-numeric:tabular-nums}.year-switch .icon-action{width:32px;min-width:32px;height:32px;min-height:32px}.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.month-grid button{min-height:36px;padding:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-primary);font-size:var(--text-label);font-weight:400}.month-grid button:hover:not(:disabled){border-color:var(--color-border-subtle);background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.month-grid button.selected{border-color:var(--color-accent-solid);background:var(--color-accent-subtle);color:var(--color-accent-text)}.month-grid button:disabled{color:var(--color-text-secondary);opacity:.35}.toolbar-action{margin:0 0 0 2px}.hub-shell{min-height:100vh}.hub-intro{margin:72px 0 22px}.hub-intro .eyebrow{display:block;margin-bottom:9px;color:var(--color-accent-text);font-size:var(--text-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hub-intro h1{font-size:32px}.hub-intro p{margin:8px 0 0;font-size:14px}.hub-app-card{display:grid;width:min(100%,520px);grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:15px;border:1px solid var(--color-border-subtle);border-radius:15px;background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}.hub-app-card:hover{border-color:#9ebcac;background:var(--color-bg-surface-subtle)}.hub-app-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--color-accent-subtle);color:var(--color-accent-icon)}.hub-app-copy{display:grid;gap:3px}.hub-app-copy strong{font-size:14px}.hub-app-copy small{color:var(--color-text-secondary);font-size:12px}.hub-app-card>svg{color:var(--color-text-secondary)}.nav-dialog{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:visible;border:0;background:transparent;color:var(--color-text-primary);opacity:0;transition:opacity .24s var(--ease-out),display .24s allow-discrete,overlay .24s allow-discrete}.nav-dialog[open]{opacity:1}@starting-style{.nav-dialog[open]{opacity:0}.nav-dialog[open]::backdrop{opacity:0}}.nav-dialog::backdrop{background:#08120e7a;opacity:0;transition:opacity .24s var(--ease-out),display .24s allow-discrete,overlay .24s allow-discrete}.nav-dialog[open]::backdrop{opacity:1}.nav-drawer{display:flex;width:100%;height:100%;flex-direction:column;padding:18px 14px;border-right:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg-surface-raised) 94%,transparent);-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);box-shadow:12px 0 32px #0000001f;transform:translate(-100%);transition:transform .24s var(--ease-drawer),background-color .2s var(--ease-out),color .2s var(--ease-out)}.nav-dialog[open] .nav-drawer{transform:translate(0)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;padding:0 3px 13px;border-bottom:1px solid var(--color-border-subtle)}.nav-link{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 11px;border-radius:9px;color:var(--color-text-primary);font-size:13px;font-weight:400;text-decoration:none}.nav-link:hover{background:var(--color-accent-subtle);color:var(--color-accent-text)}.nav-link svg{width:18px;height:18px;color:var(--color-accent-icon)}.drawer-footer{display:grid;gap:8px;margin-top:auto;padding:14px 3px 4px;border-top:1px solid var(--color-border-subtle)}.drawer-footer>span{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:700}.theme-choice{justify-content:flex-start;min-height:40px;padding:7px 9px;border-color:var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:12px}.theme-choice:hover:not(:disabled){border-color:var(--color-border-subtle);background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.theme-choice svg{width:17px;height:17px;color:var(--color-accent-icon)}.settings-dialog{width:min(520px,calc(100vw - 28px));max-width:none;padding:0;overflow:visible;border:1px solid var(--color-border-subtle);border-radius:18px;background:var(--color-bg-surface-raised);color:var(--color-text-primary);box-shadow:0 24px 80px #0000003d;opacity:0;transform:scale(.97);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.settings-dialog[open]{opacity:1;transform:scale(1)}.settings-dialog::backdrop{background:#0a181285;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.settings-dialog[open]::backdrop{opacity:1}@starting-style{.settings-dialog[open]{opacity:0;transform:scale(.97)}.settings-dialog[open]::backdrop{opacity:0}}.settings-modal{padding:20px}.settings-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.settings-title{display:flex;align-items:center;gap:12px}.settings-title h2{font-size:17px}.settings-title p{margin:4px 0 0;font-size:12px;line-height:1.45}.settings-modal-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--color-accent-subtle);color:var(--color-accent-icon)}.settings-modal form{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.settings-modal form>label:first-child{grid-column:1 / -1}.settings-modal label{display:grid;gap:5px;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:400}.settings-modal input{min-height:40px;padding:8px 10px;background:var(--color-bg-surface);font-size:var(--text-ui)}.settings-modal input[name=key]{width:min(100%,19ch);font-variant-numeric:tabular-nums}.settings-modal-actions{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:12px;margin-top:3px;padding-top:13px;border-top:1px solid var(--color-border-subtle)}.settings-modal-actions>span{color:var(--color-text-secondary);font-size:var(--text-label)}.settings-feedback{grid-column:1 / -1;margin:0;color:var(--color-danger-text);font-size:var(--text-label)}.settings-modal-actions button{min-height:38px;padding:7px 12px;font-size:12px}.settings-modal-actions button svg{width:16px;height:16px}.loading-state{padding:32px 0;color:var(--color-text-secondary)}@media(hover:hover)and (pointer:fine){.hub-app-card:hover{transform:translateY(-1px)}}@media(prefers-reduced-transparency:reduce){.nav-drawer,.site-header{background:var(--color-bg-page);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.card,.payment-totals,.support-details,.document-list,.send-panel{border-color:var(--color-border-strong)}}:root[data-theme=dark]{color-scheme:dark;--color-text-primary:#f5f5f7;--color-text-secondary:#aeaeb2;--color-text-disabled:#636366;--color-text-inverse:#fff;--color-bg-page:#000;--color-bg-surface:#1c1c1e;--color-bg-surface-raised:#2c2c2e;--color-bg-surface-subtle:#242426;--color-bg-surface-hover:#2c2c2e;--color-bg-surface-sunken:#1c1c1e;--color-bg-selected:#142b43;--color-border-subtle:#38383a;--color-border-default:#48484a;--color-border-strong:#636366;--color-border-focus:#64b5ff;--color-border-selected:#3d78b8;--color-separator:#38383a;--color-accent-solid:#006bd6;--color-accent-solid-hover:#0057b8;--color-accent-icon:#0a84ff;--color-accent-text:#64b5ff;--color-accent-subtle:#142b43;--color-summary-bg:#1c1c1e;--color-summary-text:#f5f5f7;--color-summary-muted:#aeaeb2;--color-summary-border:#38383a;--color-selection-bg:#345f8e;--color-selection-text:#fff;--color-focus-ring:#64b5ff;--color-status-pending-bg:#493a22;--color-status-pending-text:#f1cf8e;--color-status-paid-bg:#1e4431;--color-status-paid-text:#9edbb1;--color-status-review-bg:#4a2b27;--color-status-review-text:#f0aaa0;--color-status-error-bg:#492c27;--color-status-error-text:#f1aaa0;--color-status-info-bg:#1d3428;--color-status-info-border:#355944;--color-status-info-text:#a9d6b6;--color-danger-text:#f1aaa0;--color-danger-bg:#492c27}:root[data-theme=dark] body{background:var(--color-bg-page)}:root[data-theme=dark] .secondary{border-color:var(--color-border-default);background:var(--color-bg-surface);color:var(--color-accent-text)}:root[data-theme=dark] .secondary:hover:not(:disabled){background:var(--color-bg-surface-hover)}:root[data-theme=dark] .card,:root[data-theme=dark] .support-details,:root[data-theme=dark] .document-list,:root[data-theme=dark] .login-card{background:var(--color-bg-surface)}:root[data-theme=dark] .notice,.dark-notice{border-color:var(--color-status-info-border);background:var(--color-status-info-bg);color:var(--color-status-info-text)}:root[data-theme=dark] .empty{border-color:var(--color-border-default);background:var(--color-bg-surface-raised);color:var(--color-text-primary)}:root[data-theme=dark] .payment-details{border-color:var(--color-border-subtle)}:root[data-theme=dark] .document-list{border-color:var(--color-border-subtle)}:root[data-theme=dark] input,:root[data-theme=dark] select{border-color:var(--color-border-default);background:var(--color-bg-surface-sunken);color:var(--color-text-primary)}:root[data-theme=dark] .month-current{background:var(--color-bg-surface);color:var(--color-text-primary)}:root[data-theme=dark] .month-grid button:hover:not(:disabled){background:var(--color-bg-surface-hover)}:root[data-theme=dark] .qr-panel{border-color:var(--color-border-subtle);background:var(--color-bg-surface-sunken)}:root[data-theme=dark] .quick-dialog,:root[data-theme=dark] .settings-dialog{border-color:var(--color-border-default);background:var(--color-bg-surface-raised);color:var(--color-text-primary)}:root[data-theme=dark] .hub-app-card{background:var(--color-bg-surface)}:root[data-theme=dark] .theme-choice{background:var(--color-bg-surface);color:var(--color-text-primary)}:root .settings-modal label{font-weight:400}@media(max-width:700px){.hub-intro{margin-top:48px}.month-current{min-width:170px}.totals-row{grid-template-columns:minmax(86px,.9fr) repeat(3,minmax(0,1fr));gap:5px}}@media(max-width:480px){.site-header{min-height:48px;margin-bottom:14px}.header-leading,.header-actions{gap:3px}.brand-link{font-size:14px}.brand-link span{font-size:12px}.month-nav{gap:0}.month-nav>.icon-action{width:30px;min-width:30px}.month-current{min-width:158px;gap:6px;padding:6px 8px;font-size:12px}.month-popover{left:0;width:min(260px,calc(100vw - 44px))}.settings-modal{padding:15px}.settings-modal form{grid-template-columns:1fr}.settings-modal form>label:first-child{grid-column:auto}.settings-modal-actions{grid-column:auto}}@media(max-width:900px){.shell{padding-right:22px;padding-left:22px}.settings form{grid-template-columns:minmax(11ch,18ch) minmax(16ch,1fr) minmax(10ch,14ch) auto}}@media(max-width:700px){.shell{padding:16px 16px 30px}.archive-heading{align-items:flex-start;flex-direction:column}.archive-selection{width:100%;justify-content:flex-start}.archive-actions{align-items:flex-start}.archive-actions>span{max-width:30ch}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.payment-details{grid-template-columns:1fr;gap:6px}.payment-details .actions{justify-content:flex-end}.settings form{grid-template-columns:minmax(11ch,18ch) minmax(0,1fr)}.quick-dae,.quick-documents{grid-template-columns:minmax(0,1fr);gap:12px}.quick-dae .qr-panel{order:0}.large-qr{width:min(220px,74vw)}input,select{font-size:16px}}@media(max-width:480px){h1{font-size:22px}h2{font-size:18px}.shell{padding:13px 12px 24px}.toolbar{align-items:flex-end}.toolbar label{flex:1 1 130px}.toolbar select{min-width:0}.toolbar button{min-height:42px;padding:8px 10px;font-size:12px}.section-title{gap:7px}.login-shell>.site-header{inset:12px 12px auto}.login{padding:24px 16px}.login-card{padding:24px 20px}.payment-totals{padding:12px 10px 9px}.payment-totals{overflow-x:auto}.totals-table{min-width:290px}.totals-row{grid-template-columns:minmax(68px,.85fr) repeat(3,minmax(68px,1fr));gap:4px;padding:7px 1px;font-size:var(--text-label)}.totals-row strong,.totals-heading strong{font-size:var(--text-label)}.card{grid-template-columns:minmax(0,1fr) auto}.payment-toggle{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 19px;gap:7px;padding:9px 10px 5px}.payment-name{gap:5px 7px}.payment-name>strong{font-size:14px}.payment-name>small{font-size:var(--text-label)}.payment-amount{grid-column:1;grid-row:2;justify-self:start;padding:0 0 5px 10px;font-size:16px}.row-shortcuts{grid-column:2;grid-row:2;gap:0;justify-self:end;padding:0 4px 2px 5px;border-left:0}.row-shortcuts .icon-action{width:36px;min-width:36px;height:40px}.shortcut-placeholder{width:36px;flex-basis:36px}.payment-details{padding:8px 10px 10px}.payment-details .breakdown{display:grid;gap:5px}.payment-details .breakdown>span{justify-content:space-between}.support-details>summary{min-height:44px;padding-right:11px;padding-left:11px}.settings form{grid-template-columns:minmax(0,1fr)}.settings input[name=key]{width:min(100%,18ch)}.archive-panel{padding:10px 11px 9px}.archive-actions{gap:8px}.quick-dialog{width:calc(100vw - 16px);max-height:90vh;border-radius:13px}.quick-dialog-inner{padding:13px}.quick-dialog-inner>header h2{font-size:17px}.quick-dae,.quick-documents{padding-top:11px}.pdf-panel-heading{align-items:flex-start}.pdf-panel-heading button{padding:7px 9px;font-size:12px}.quick-doc-row{padding:6px 1px}.quick-doc-row strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}button:active:not(:disabled),.hub-app-card:hover{transform:none}.payment-details-clip{transition:grid-template-rows .01ms,opacity .12s var(--ease-out)}.quick-dialog,.settings-dialog{transform:none;transition-duration:.16s}.nav-drawer{transform:none;transition:background-color .16s var(--ease-out),color .16s var(--ease-out)}.month-popover{transform:none;transition:opacity .12s var(--ease-out)}}