:root{--ink:#102a2b;--deep:#0c2021;--paper:#f3f0e7;--white:#fffdf7;--line:#c9c6ba;--accent:#dc5f3f;--mint:#a9c7b8;--muted:#667472}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(90deg, #102a2b09 1px, transparent 1px) 0 0 / 44px 44px, var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.eyebrow,.section-number{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:800}.login-shell{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);min-height:100svh;display:grid}.login-intro{color:var(--paper);background:radial-gradient(circle at 80% 15%, #a9c7b833, transparent 28%), var(--deep);flex-direction:column;justify-content:flex-end;padding:clamp(48px,9vw,132px);display:flex}.login-intro h1{letter-spacing:-.055em;max-width:720px;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(3rem,6.5vw,7rem);font-weight:400;line-height:.98}.login-intro>p:last-child{color:#b8c6c1;max-width:560px;margin:36px 0 0;font-size:1.05rem;line-height:1.8}.login-card{background:var(--white);flex-direction:column;justify-content:center;gap:56px;padding:clamp(40px,7vw,96px);display:flex}.login-card h2,.create-panel h2,.section-heading h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.login-card>div>p:last-child,.create-panel>p{color:var(--muted)}.login-form,.account-form{gap:24px;display:grid}.login-form label,.account-form label{gap:8px;display:grid}.login-form label span,.account-form label span{letter-spacing:.06em;font-size:.78rem;font-weight:800}input,select{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;padding:14px 0}input:focus,select:focus{border-color:var(--accent)}.login-form button,.account-form button{min-height:52px;color:var(--white);border:1px solid var(--deep);background:var(--deep);padding:0 22px;font-weight:800}.login-form button:hover,.account-form button:hover{background:#173b3c}.login-form button:disabled{cursor:wait;opacity:.65}.form-error{color:#a12f20;margin:0;font-size:.88rem}.account-shell{min-height:100svh;padding:clamp(24px,5vw,72px)}.topbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:24px;display:flex}.topbar h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:400}.topbar-actions{align-items:center;gap:18px;display:flex}.shared-fund-navigation{gap:8px;display:flex}.shared-fund-navigation a{color:var(--ink);border-bottom:1px solid #0000;padding:9px 12px;font-size:.82rem;font-weight:800;text-decoration:none}.shared-fund-navigation a:hover{border-color:var(--ink)}.text-button,.quiet-button{color:var(--ink);border:1px solid var(--line);background:0 0;padding:9px 12px}.text-button:hover,.quiet-button:hover{border-color:var(--ink)}.notice{border-left:4px solid var(--accent);background:#fffdf7bf;margin:-24px 0 28px;padding:13px 16px}.account-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);align-items:start;gap:clamp(28px,6vw,88px);display:grid}.account-list-panel{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-heading>span{color:var(--muted);font-size:.82rem}.account-list{border-top:1px solid var(--ink)}.account-row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 0;display:grid}.account-mark{width:42px;height:42px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:1.25rem;display:grid}.account-mark[data-owner=SARAH]{color:var(--deep);background:var(--mint)}.account-main>div{align-items:center;gap:10px;display:flex}.account-main h3{margin:0;font-size:1rem}.account-main strong{margin-top:6px;font-size:1.45rem;display:block}.account-main p{color:var(--muted);margin:6px 0 0;font-size:.76rem}.status{border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800}.status.active{background:#dce9e1}.status.inactive{color:var(--muted);background:#dedbd2}.empty-state{color:var(--muted);padding:52px 0}.empty-state p{color:var(--ink);margin:0 0 6px;font-size:1.1rem}.create-panel{color:var(--paper);background:var(--deep);padding:28px;position:sticky;top:28px}.create-panel .section-number{color:var(--mint)}.create-panel>p{color:#aab9b4;line-height:1.6}.create-panel input,.create-panel select{color:var(--white);border-color:#536766}.create-panel input::placeholder{color:#879795}.create-panel option{color:var(--ink)}.create-panel .account-form button{color:var(--deep);border-color:var(--mint);background:var(--mint)}.report-category-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(36px,6vw,88px);display:grid}.report-category-item-column{min-width:0}.quick-create-form{border:1px solid var(--line);background:#fffdf7b3;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:28px;padding:20px;display:grid}.quick-create-form label{gap:6px;display:grid}.quick-create-form label span{letter-spacing:.06em;font-size:.72rem;font-weight:800}.quick-create-form button{min-height:46px;color:var(--white);border:1px solid var(--deep);background:var(--deep);padding:0 18px;font-weight:800}.quick-create-form button:disabled{cursor:not-allowed;opacity:.45}.item-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}.item-create-form button{grid-column:1/-1}.report-category-item-list{border-top:1px solid var(--ink)}.report-category-item-row{border-bottom:1px solid var(--line);padding:22px 0}.report-category-item-row-heading{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.report-category-item-row-heading strong{font-size:1.05rem}.report-category-item-row>p{color:var(--muted);margin:7px 0 0;font-size:.76rem}.usage-mark{color:var(--muted);font-size:.7rem;font-weight:800}.inline-edit-form,.item-edit-form{gap:10px;margin-top:16px;display:grid}.inline-edit-form{grid-template-columns:minmax(0,1fr) auto}.item-edit-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.row-actions{gap:8px;margin-top:14px;display:flex}.danger{color:#922f24}.item-facts{gap:24px;margin:12px 0 0;display:flex}.item-facts div{gap:7px;display:flex}.item-facts dt{color:var(--muted);font-size:.74rem}.item-facts dd{margin:0;font-size:.78rem;font-weight:800}.transaction-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:48px;display:grid}.available-cash-card,.balance-card{border:1px solid var(--line);background:#fffdf7b8;flex-direction:column;justify-content:space-between;min-height:132px;padding:20px;display:flex}.available-cash-card{color:var(--paper);background:var(--deep)}.available-cash-card span,.balance-card span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.available-cash-card strong,.balance-card strong{font-size:1.7rem}.balance-card small{color:var(--muted)}.transaction-list{border-top:1px solid var(--ink)}.transaction-row{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px 0;display:grid}.transaction-row time{color:var(--muted);font-size:.78rem}.transaction-main>div{align-items:baseline;gap:10px;display:flex}.transaction-main>div span{color:var(--muted);font-size:.76rem}.transaction-main p{margin:7px 0}.transaction-main small{color:var(--muted)}.money-increase{color:#25644a}.money-decrease{color:#9b3829}@media (max-width:800px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:52svh;padding:40px 28px}.login-card{gap:36px;padding:42px 28px 56px}.account-shell{padding:24px 18px 48px}.topbar{align-items:flex-start;margin-bottom:36px}.topbar-actions{flex-direction:column-reverse;align-items:flex-end}.shared-fund-navigation{flex-direction:column;align-items:flex-end}.account-grid{grid-template-columns:1fr}.create-panel{grid-row:1;position:static}.account-row{grid-template-columns:42px minmax(0,1fr)}.account-row>form{grid-column:2}.report-category-layout,.item-create-form,.item-edit-form{grid-template-columns:1fr}.item-edit-form button{min-height:44px}.transaction-summary{margin-bottom:36px}.transaction-row{grid-template-columns:1fr auto}.transaction-row time{grid-column:1/-1}}