:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f4ec;--surface:#fffaf5;--selected:#f2ddd0;--ink:#2c1a0e;--secondary:#6b4a30;--border:#6b5a4e;--action:#9e3f08;--action-text:#fdf4ec;--separator:#e8d9b8;--error:#a32d2d;--error-bg:#fcebeb;--success:#0f6e56;--success-bg:#e1f5ee;--info:#1565a0;--info-bg:#ddf0f9}*{box-sizing:border-box}html{scroll-padding-block:88px 100px;font-size:16px}body{background:var(--page);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.auth-view{margin:0 auto}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;font-weight:600;line-height:2.25rem}h2{font-size:1.375rem;font-weight:600;line-height:1.875rem}h3{font-size:1.125rem;line-height:1.625rem}a{color:var(--action);text-underline-offset:4px}button,input,select{font:inherit}button,.button{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--selected)}button.primary{background:var(--action);color:var(--action-text);border-color:var(--action)}button.primary:hover{outline:2px solid var(--action);outline-offset:2px}button:disabled{background:var(--surface);color:var(--secondary);cursor:not-allowed;border-style:dashed}button,a,input,select,summary{touch-action:manipulation}a,button,input,select,[tabindex],summary{scroll-margin-block:88px 100px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--action);outline-offset:2px}p,dd,dt,h1,h2,a{overflow-wrap:anywhere}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--ink);border-radius:8px;padding:10px 12px;display:block}label{margin-bottom:8px;font-weight:500;display:block}.field{margin:24px 0}.field p{margin-top:4px}input[aria-invalid=true]{border:2px solid var(--error)}.secondary{color:var(--secondary);font-size:.875rem;line-height:1.25rem}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:flex;position:sticky;top:0}.wordmark{font-size:1.125rem;font-weight:700;line-height:1.25rem}.wordmark span{font-size:.875rem;font-weight:400;display:block}.demo-label{text-align:right;max-width:180px;color:var(--secondary);font-size:.875rem;line-height:1.25rem}.sidebar{display:none}main{width:100%;max-width:840px;padding:24px 16px calc(100px + env(safe-area-inset-bottom));min-width:0;margin:0 auto}.page-heading{margin-bottom:24px}.context{margin-top:8px}.resident-name{margin-top:4px;font-size:.875rem}.surface{background:var(--surface);border:1px solid var(--separator);padding:16px}.balance{border-top:3px solid var(--action);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.balance h2{font-size:1rem;line-height:1.5rem}.total{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 8px;font-size:2rem;font-weight:700;line-height:2.5rem}.text-button{color:var(--action);background:0 0;border:0;padding:8px 0;font-size:.875rem;text-decoration:underline}.bills-list{gap:24px;display:grid}.bill-card{background:var(--surface);border:1px solid var(--separator);border-radius:12px;padding:16px}.bill-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.status{color:var(--secondary);font-size:.875rem;line-height:1.25rem}.error-status{color:var(--error);background:var(--error-bg);padding:4px 8px}.success-status{color:var(--success);background:var(--success-bg);padding:4px 8px}.bill-amount-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin:16px 0;display:flex}.bill-amount{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:2rem}.bill-amount-row>p:last-child{font-size:.875rem}.breakdown{border-top:1px solid var(--separator);padding-top:12px}.breakdown>p+p{margin-top:4px}.line-items{margin:12px 0;font-size:.875rem}.line-items>div{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;display:flex}.line-items dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.actions>*{max-width:100%}.table-wrapper{overscroll-behavior-inline:contain;width:100%;max-width:100%;overflow-x:auto}.table-wrapper table{min-width:640px}.demo-date{margin-top:24px;font-size:.875rem;line-height:1.25rem}.bottom-nav{z-index:20;min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav>div{min-width:0;display:flex}.bottom-nav a,.bottom-nav>button{text-align:center;width:100%;min-height:56px;color:var(--ink);border:0;border-radius:0;justify-content:center;align-items:center;padding:4px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav [aria-current=page]{background:var(--selected);box-shadow:inset 0 3px var(--action)}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-120px;left:16px}.skip-link:focus{top:8px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixture-controls{border-top:1px solid var(--border);margin-top:32px;padding-top:12px}.fixture-controls summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.fixture-controls form{max-width:480px}.fixture-controls .actions a{align-items:center;min-height:44px;display:inline-flex}.fixture-note,.info-box{background:var(--info-bg);color:var(--info);padding:12px;font-size:.875rem;line-height:1.25rem}.error-box{background:var(--error-bg);color:var(--error);margin-bottom:16px;padding:16px}.error-box a,.error-text{color:var(--error)}dialog{border:1px solid var(--border);background:var(--surface);color:var(--ink);overscroll-behavior:contain;border-radius:12px;width:480px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 8px 24px #2c1a0e2e}dialog::backdrop{background:#2c1a0e73}.dialog-heading{border-bottom:1px solid var(--separator);flex-direction:column-reverse;align-items:flex-start;gap:16px;padding:16px;display:flex}.dialog-heading>button{align-self:flex-end}.dialog-body{padding:16px}.dialog-body>p,.dialog-body form>p{margin-bottom:16px}.dialog-body .actions{margin-top:24px}.dialog-body .info-box{margin:16px 0}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs [aria-selected=true]{background:var(--selected);border-bottom:3px solid var(--action)}[role=tabpanel]{padding:4px}[role=tabpanel] p{margin:12px 0}.skeleton{background:var(--selected);height:120px;margin:16px 0}.more-nav a{align-items:center;min-height:56px;display:flex}.standalone{padding-top:48px}.standalone h1{margin-bottom:24px}@media (max-width:639px){dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;margin:0;position:fixed;inset:0}}@media (min-width:640px){main{padding:32px 24px 100px}.topbar{padding-inline:24px}.demo-label{max-width:none}.dialog-heading,.dialog-body,.bill-card,.surface{padding:24px}}@media (min-width:960px){.topbar{padding-inline:32px}.wordmark{width:192px}.wordmark span{display:inline}.sidebar{background:var(--surface);border-right:1px solid var(--separator);flex-direction:column;justify-content:space-between;width:224px;padding:24px 16px;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow:auto}.sidebar nav a{min-height:56px;color:var(--ink);border-left:3px solid #0000;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.sidebar nav [aria-current=page]{background:var(--selected);border-left-color:var(--action);font-weight:600}.sidebar-note{color:var(--secondary);margin-top:32px;padding:16px;font-size:.875rem;line-height:1.25rem}.bottom-nav{display:none}main{width:calc(100% - 288px);max-width:840px;margin-left:calc(50% + 112px + min(100% - 288px,840px)/-2);padding:32px 0 48px}h1{font-size:2rem;line-height:2.5rem}.total{font-size:2.25rem;line-height:2.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){button.primary,[aria-current=page]{border:2px solid buttontext}.status{border:1px solid canvastext}.balance{border-top:3px solid canvastext}}