:root{--c-bg: #101418;--c-surface: #181e25;--c-surface-2: #212a33;--c-border: #2c3742;--c-text: #eef2f6;--c-text-dim: #98a4b0;--c-accent: #f0932b;--c-accent-ink: #1a1005;--c-in: #2ecc71;--c-out: #ff6b6b;--c-danger: #e03131;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 28px;--fs-2xl: 40px;--radius: 14px;--radius-sm: 10px;--touch: 52px;--nav-height: 64px}@media(prefers-color-scheme:light){:root{--c-bg: #f2f4f7;--c-surface: #ffffff;--c-surface-2: #eef1f5;--c-border: #d8dee6;--c-text: #14181d;--c-text-dim: #5d6874;--c-accent: #d97706;--c-accent-ink: #ffffff;--c-in: #17864a;--c-out: #c92a2a}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--fs-md);line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:manipulation}button,input,select,textarea{font:inherit;color:inherit}.screen{display:flex;flex-direction:column;min-height:100%}.screen__body{flex:1;padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + var(--sp-5) + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto}.screen__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-top:calc(var(--sp-3) + env(safe-area-inset-top));background:var(--c-surface);border-bottom:1px solid var(--c-border)}.screen__title{margin:0;font-size:var(--fs-lg);font-weight:700}.screen__subtitle{margin:0;font-size:var(--fs-xs);color:var(--c-text-dim)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card__label{margin:0 0 var(--sp-1);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim)}.figure{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.figure--md{font-size:var(--fs-xl)}.figure--in{color:var(--c-in)}.figure--out{color:var(--c-out)}.rows{display:flex;flex-direction:column;gap:var(--sp-1)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border)}.row:last-child{border-bottom:none}.row__main{min-width:0}.row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{font-size:var(--fs-xs);color:var(--c-text-dim)}.row__amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface-2);font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.btn--danger{background:transparent;border-color:var(--c-danger);color:var(--c-danger)}.btn--ghost{background:transparent}.btn--sm{min-height:40px;font-size:var(--fs-sm);width:auto;padding:0 var(--sp-3)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--sp-1);min-height:84px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);color:inherit;text-decoration:none;cursor:pointer;text-align:left}.tile__icon{font-size:var(--fs-lg)}.tile__label{font-weight:700}.tile__hint{font-size:var(--fs-xs);color:var(--c-text-dim)}.field{margin-bottom:var(--sp-4)}.field__label{display:block;margin-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-dim)}.input,.select{display:block;width:100%;min-height:var(--touch);padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font-size:var(--fs-md)}.input:focus,.select:focus{outline:2px solid var(--c-accent);outline-offset:1px}.input--amount{min-height:76px;font-size:var(--fs-xl);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-text-dim) 50%),linear-gradient(135deg,var(--c-text-dim) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);background-size:6px 6px;background-repeat:no-repeat;padding-right:var(--sp-6)}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);margin-bottom:var(--sp-3);font-size:var(--fs-sm)}.notice--error{background:color-mix(in srgb,var(--c-danger) 15%,transparent);border:1px solid var(--c-danger)}.notice--success{background:color-mix(in srgb,var(--c-in) 15%,transparent);border:1px solid var(--c-in)}.empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--c-text-dim)}.loading{padding:var(--sp-6);text-align:center;color:var(--c-text-dim)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom)}.nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-height);border:none;background:none;color:var(--c-text-dim);font-size:var(--fs-xs);font-weight:600;text-decoration:none;cursor:pointer}.nav__item--active{color:var(--c-accent)}.nav__icon{font-size:var(--fs-lg);line-height:1}.login{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:var(--sp-5);max-width:420px;margin:0 auto;width:100%}.login__brand{text-align:center;margin-bottom:var(--sp-6)}.login__title{margin:0;font-size:var(--fs-xl);font-weight:800}.login__sub{margin:var(--sp-1) 0 0;color:var(--c-text-dim);font-size:var(--fs-sm)}.stack>*+*{margin-top:var(--sp-3)}.muted{color:var(--c-text-dim)}.text-in{color:var(--c-in)}.text-out{color:var(--c-out)}.spacer{flex:1}.mt-3{margin-top:var(--sp-3)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.chip{min-height:40px;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap}.chip--active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}.tabs{display:grid;grid-auto-flow:column;gap:var(--sp-1);padding:var(--sp-1);background:var(--c-surface-2);border-radius:var(--radius);margin-bottom:var(--sp-3)}.tab{min-height:44px;border:none;border-radius:var(--radius-sm);background:transparent;font-weight:700;font-size:var(--fs-sm);color:var(--c-text-dim);cursor:pointer}.tab--active{background:var(--c-surface);color:var(--c-text)}.chart{display:flex;flex-direction:column;gap:var(--sp-2)}.chart__row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs)}.chart__label{color:var(--c-text-dim);font-variant-numeric:tabular-nums}.chart__track{height:22px;background:var(--c-surface-2);border-radius:4px;overflow:hidden}.chart__bar{height:100%;background:var(--c-accent);border-radius:4px;min-width:2px}.chart__value{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.badge--unpaid{background:color-mix(in srgb,var(--c-out) 20%,transparent);color:var(--c-out)}.badge--partial{background:color-mix(in srgb,var(--c-accent) 22%,transparent);color:var(--c-accent)}.badge--paid{background:color-mix(in srgb,var(--c-in) 20%,transparent);color:var(--c-in)}.row--link{cursor:pointer;text-decoration:none;color:inherit}.row--link:active{background:var(--c-surface-2)}@media(min-width:700px){.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}}