:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-surface:#f3f1ea;--md-on-surface:#1a2230;--md-on-surface-variant:#4b5565;--md-outline:#7b8494;--md-outline-variant:#dcd9d0;--md-primary:#1e3a5f;--md-on-primary:#fdfcf9;--md-primary-container:#d5e0ef;--md-on-primary-container:#12263f;--md-error:#ba1a1a;--md-on-error:#fff;--md-surface-container:#fdfcf9;--md-menu:#1e3a5f;--md-shape-medium:12px;font-family:Roboto,system-ui,sans-serif;font-size:16px;line-height:1.5}.sidebar{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-on-surface:#f3f1ea;--md-on-surface-variant:#b9c6d9;--md-primary:#f3f1ea;--md-on-primary:#1e3a5f;--md-primary-container:#34547f;--md-on-primary-container:#fff;color:var(--md-on-surface)}.card,.total,.dialog{border:1px solid var(--md-outline-variant)}*,:before,:after{box-sizing:border-box}body{background:var(--md-surface);color:var(--md-on-surface);margin:0}button,input,select{font:inherit;color:inherit}.material-symbols-outlined{font-size:24px}.muted{color:var(--md-on-surface-variant)}.error-text{color:var(--md-error);margin:0}.center-message{text-align:center;margin:20vh 0 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.shell-collapsed{grid-template-columns:72px minmax(0,1fr)}.shell-collapsed .nav-label{display:none}.sidebar{background:var(--md-menu);flex-direction:column;gap:4px;padding:12px;display:flex}.sidebar-footer{flex-direction:column;gap:4px;margin-top:auto;display:flex}.sidebar-user{color:var(--md-on-surface-variant);overflow-wrap:anywhere;flex-direction:column;padding:8px 12px;display:flex}.nav-item{width:100%;min-height:48px;color:var(--md-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:24px;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.nav-item-active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.page{width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:24px 16px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{margin:0 0 24px;font-size:1.75rem;font-weight:400}.page-header .page-title{margin:0}.card{border-radius:var(--md-shape-medium);background:var(--md-surface-container);padding:16px}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.button{min-height:40px;color:var(--md-primary);cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:500;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--md-primary) 8%, transparent)}.button-filled,.button-filled:hover{background:var(--md-primary);color:var(--md-on-primary)}.button-danger,.button-danger:hover{background:var(--md-error);color:var(--md-on-error)}.button:disabled{opacity:.5;cursor:default}.button .material-symbols-outlined{font-size:18px}.icon-button{width:40px;height:40px;color:var(--md-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.field{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.field-label{color:var(--md-on-surface-variant);font-size:.875rem}.field-input{border:1px solid var(--md-outline);background:var(--md-surface);border-radius:4px;min-height:48px;padding:0 12px}.field-input:focus{border-color:var(--md-primary);outline:1px solid var(--md-primary)}.field-input:disabled{opacity:.5}.field-hint{color:var(--md-on-surface-variant);font-size:.875rem}.progress{width:100%;height:8px;accent-color:var(--md-primary)}.stack>*+*{margin-top:16px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:360px;padding:24px}.login-card .button{width:100%;margin-top:8px}.login-title{margin:0 0 24px;font-size:1.5rem;font-weight:400}.table-card{padding:0;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:12px 16px}.table th{color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500}.table tbody tr{border-top:1px solid var(--md-outline-variant)}.table-actions{text-align:right;white-space:nowrap}.table th.numeric,.table td.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table th,.cell-date,.cell-settle,.cell-payer{white-space:nowrap}.sort-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:500;display:inline-flex}.sort-button .material-symbols-outlined{font-size:18px}.row-mine{background:color-mix(in srgb, var(--md-primary-container) 35%, transparent)}.table-updating{opacity:.6}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.toolbar .field{flex:160px;margin-bottom:0}.totals{flex-wrap:wrap;gap:12px;margin:0 0 16px;display:flex}.total{border-radius:var(--md-shape-medium);background:var(--md-surface-container);flex:140px;padding:12px 16px}.total dt{color:var(--md-on-surface-variant);font-size:.875rem}.total dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.25rem}.pager{color:var(--md-on-surface-variant);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.icon-button:disabled{opacity:.4;cursor:default}.checkbox{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--md-primary);margin-top:3px}.chart-card{padding:16px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chart-title{margin:0;font-size:1rem;font-weight:500}.chart-box{height:340px;position:relative}.swatch{border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.share-bar{border-radius:0 4px 4px 0;min-width:2px;height:8px}.share-cell{width:45%;min-width:80px}.scrim{background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--md-surface-container);border-radius:28px;width:100%;max-width:400px;padding:24px}.dialog-title{margin:0 0 16px;font-size:1.5rem;font-weight:400}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}@media (width<=600px){.shell,.shell-collapsed{grid-template-columns:72px minmax(0,1fr)}.shell .nav-label{display:none}.page{padding:16px 12px}.chart-box{height:280px}.share-cell{display:none}}