:root{--primary:#1677ff;--bg:#f7f8fa;--card:#fff;--text:#1f2329;--secondary:#646a73;--muted:#8f959e;--border:#edeff2;--income:#16a34a;--expense:#e5484d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:720px;margin:0 auto;padding:var(--space-md) var(--space-md) calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:var(--space-lg)}.topbar h1{font-size:22px;margin:0;font-weight:600}.topbar>span{min-width:40px}.balance-card,.card,.filter-card,.activity-card{background:var(--card);border-radius:var(--radius-md);padding:var(--space-md)}.balance-card{margin-bottom:var(--space-md)}.balance-card>span,.eyebrow,small,.muted{color:var(--secondary)}.balance-card>strong{display:block;font-size:32px;line-height:1.2;margin:var(--space-sm) 0 var(--space-lg);font-variant-numeric:tabular-nums}.month-grid,.stats-three,.public-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.month-grid div,.stats-three div{min-width:0}.month-grid small,.stats-three small{display:block;color:var(--secondary);font-size:12px}.month-grid b,.stats-three b{display:block;font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:var(--radius-sm);padding:8px 16px;font-weight:600}.button.primary{background:var(--primary);color:#fff}.button.secondary{background:#eef4ff;color:var(--primary)}.button.danger{background:var(--expense);color:#fff}.button.danger-text{color:var(--expense);background:transparent}.button.full{width:100%}.section{margin-top:var(--space-xl)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}h2{font-size:17px;margin:0;font-weight:600}.list{background:var(--card);border-radius:var(--radius-md);overflow:hidden}.transaction-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px var(--space-md);color:var(--text);border-bottom:1px solid var(--border)}.transaction-item:last-child{border:0}.transaction-item b{display:block}.transaction-item p{font-size:13px;color:var(--secondary);margin:2px 0}.transaction-item small{font-size:12px}.transaction-item strong{font-variant-numeric:tabular-nums;white-space:nowrap}.income{color:var(--income)!important}.expense{color:var(--expense)!important}.is-voided{opacity:.55}.activity-mini{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text)}.activity-mini span:last-child{font-size:13px;color:var(--secondary);text-align:right}.activity-card{display:block;color:var(--text);margin-bottom:var(--space-md)}.activity-card h2{margin-bottom:4px}.activity-card p{margin:0 0 12px;color:var(--secondary);font-size:13px}.activity-card>div{display:flex;justify-content:space-between;font-size:13px}.activity-card b{display:block;font-size:15px;font-variant-numeric:tabular-nums}.empty{text-align:center;background:var(--card);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-md);color:var(--secondary)}.stack{display:grid;gap:var(--space-md)}label{display:grid;gap:var(--space-sm);font-weight:600}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px;color:var(--text);font-weight:400}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(22,119,255,.18);border-color:var(--primary)}.transaction-form{display:grid;gap:var(--space-md);padding-bottom:96px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#edf0f4;border-radius:10px;padding:4px}.segmented label{display:block}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:10px;border-radius:8px;color:var(--secondary)}.segmented input:checked+span{background:#fff;color:var(--primary);font-weight:600}.amount-input{padding:var(--space-md);background:#fff;border-radius:var(--radius-md)}.amount-input input{font-size:30px;font-weight:700;border:0;padding:0;min-height:48px}.amount-input input:focus{outline:0}.fixed-submit{position:fixed;z-index:10;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);padding:12px max(16px,calc((100vw - 720px)/2 + 16px)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);display:grid;gap:4px}.filter-card{display:grid;gap:8px;margin-bottom:var(--space-md)}.chips{display:flex;gap:8px}.chips>*{min-width:0}.chips select,.chips input{min-height:44px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);display:flex;justify-content:center;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:20}.bottom-nav a{color:var(--secondary);min-width:54px;text-align:center;font-size:12px;padding:10px 4px}.bottom-nav a.active{color:var(--primary);font-weight:600}.bottom-nav .quick-add{align-self:flex-start;margin-top:-20px;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);font-size:25px}.quick-add span{font-size:11px;margin-top:-8px}.period-picker{display:flex;gap:8px;margin-bottom:16px}.period-picker select{min-width:0}.toast{position:fixed;z-index:30;top:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 14px;border-radius:8px;background:#1f2329;color:#fff}.toast-error,.form-error{background:#fff0f0;color:#b42318}.login-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.login-card{background:#fff;border-radius:16px;width:min(100%,400px);padding:32px}.login-card h1{font-size:28px;margin:4px 0}.public-page{background:#fff}.public-sheet{max-width:900px;margin:0 auto;padding:32px 16px}.public-sheet header{text-align:center;padding:12px 0 24px}.public-sheet header p,.public-sheet header h2{margin:4px;color:var(--secondary);font-size:15px}.public-sheet header h1{font-size:22px;margin:8px}.public-summary{grid-template-columns:1fr 1fr;background:var(--bg);padding:16px;border-radius:12px}.public-summary b{display:block;font-size:18px;margin-top:4px;font-variant-numeric:tabular-nums}.public-sheet section{margin-top:24px}.report-line{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:12px 0;margin:0}.report-line span:last-child{text-align:right;color:var(--secondary);font-size:13px}@media(min-width:768px){.bottom-nav{display:none}.app-shell{padding-bottom:32px}.fixed-submit{position:static;padding:0;border:0;background:transparent}.transaction-form{padding-bottom:0}.month-grid{gap:24px}}@media(prefers-reduced-motion:no-preference){.button,.transaction-item{transition:opacity .18s ease,background .18s ease}.button:active{opacity:.78}}@media print{.public-sheet{max-width:none;padding:0}.transaction-item{break-inside:avoid}.public-page{font-size:12px}}