:root{--bg: #f6f5f1;--surface: #ffffff;--text: #1f2421;--muted: #6b726e;--line: #e4e2dc;--accent: #2f6f5e;--accent-text: #ffffff;--danger: #b4412f;--notice: #fdf3dc;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #141716;--surface: #1d2120;--text: #e8ebe9;--muted: #9aa29e;--line: #2d3331;--accent: #5fb39b;--accent-text: #0e1513;--danger: #f08470;--notice: #3a3220;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.3;margin:0 0 12px}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 12px}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.center{text-align:center;padding:48px 16px}.grow{flex:1;min-width:0}.dim{opacity:.55}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom) + 88px)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:var(--surface);border-top:1px solid var(--line)}.tabbar a{flex:1;text-align:center;padding:8px;color:var(--muted);border-radius:10px}.tabbar a.active{color:var(--accent);font-weight:600}.page>*+*{margin-top:16px}.auth-page{max-width:420px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 56px) 16px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.auth-page .form{width:100%;text-align:left}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-card{color:inherit;display:block}.link-card p{margin:0}.notice{background:var(--notice);padding:12px 14px;border-radius:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-head h2,.section-head h3{margin:0}.profile-card{display:flex;align-items:center;gap:14px}.profile-card .title{font-size:18px;font-weight:600}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:15px;padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.big{width:100%;padding:14px;font-size:17px;margin:16px 0 4px}.btn.wide{width:100%}.btn.link{border:none;background:none;color:var(--accent);padding:6px 8px}.btn.danger{color:var(--danger)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:none}.list.card{padding:4px 16px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end}@media(max-width:520px){.list li{flex-wrap:wrap}.list li .actions{width:100%;justify-content:flex-start;margin-left:40px}}.tag{display:inline-block;font-size:12px;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--bg);color:var(--muted);border:1px solid var(--line);vertical-align:1px}.tag.role-admin{color:var(--accent);border-color:var(--accent)}.avatar{border-radius:50%;object-fit:cover;flex:none;background:var(--line)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);color:var(--accent-text);font-weight:600}.me-chip .avatar-fallback{width:32px;height:32px;font-size:14px}.avatar-fallback[data-size=lg]{width:96px;height:96px;font-size:36px}.profile-card .avatar-fallback{width:64px;height:64px;font-size:26px}.avatar-edit{display:flex;flex-direction:column;align-items:center;gap:10px}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);flex:1}.form input,.form select,.link-box{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}.form .readonly{font-size:15px}.form .readonly>div{margin-bottom:4px}.row{display:flex;gap:12px}.row>label{min-width:0}.form input[type=date]{-webkit-appearance:none;appearance:none;min-width:0;min-height:46px;display:block}.form input[type=date]::-webkit-date-and-time-value{text-align:left}.row.end{justify-content:flex-end}.modal{position:fixed;inset:0;z-index:20;background:#0006;display:flex;align-items:flex-end;justify-content:center}.modal-body{background:var(--surface);width:100%;max-width:520px;max-height:92dvh;overflow:auto;padding:20px 16px calc(env(safe-area-inset-bottom) + 20px);border-radius:18px 18px 0 0}@media(min-width:600px){.modal{align-items:center}.modal-body{border-radius:18px}}.link-box{height:88px;resize:none;word-break:break-all;margin:8px 0 12px}code.detail{display:block;margin-top:4px;font-size:12px;color:var(--muted);word-break:break-all}.tabbar .tab-add{flex:0 0 52px;height:44px;margin-top:-4px;border-radius:14px;background:var(--accent);color:var(--accent-text);font-size:24px;line-height:28px}.tabbar .tab-add.active{color:var(--accent-text)}a.btn.big{display:block;text-align:center}.hero{text-align:center}.hero-amount{font-size:34px;font-weight:700;letter-spacing:-.5px;margin:4px 0;font-variant-numeric:tabular-nums}.money,.num{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table th{font-weight:600;font-size:14px}.table td.num,.table th.num{text-align:right;padding-left:12px}.table tr:last-child td{border-bottom:none}.table tr.strong td{font-weight:600}.table.wide td,.table.wide th{padding-right:8px}.scroll-x{overflow-x:auto}.month-picker{font:inherit;font-size:18px;font-weight:600;border:none;background:transparent;color:var(--text);padding:4px 0}.tag.status-draft{color:var(--accent);border-color:var(--accent)}.tag.status-closing,.tag.pay-pending{color:#a86b00;border-color:#e0b357}.tag.pay-rejected{color:var(--danger)}.tap{cursor:pointer}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.totals .total-main{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.totals .total-main strong{font-size:22px;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:14px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segmented button{flex:1;font:inherit;font-size:15px;padding:10px;border:none;background:var(--surface);color:var(--text);cursor:pointer}.segmented button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.field .label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}.form input.amount{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.photos{display:flex;flex-wrap:wrap;gap:10px}.photo{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.photos.big .photo{width:120px;height:120px}.photo img{width:100%;height:100%;object-fit:cover}.photo .pdf{font-weight:700;color:var(--muted)}.photo .x{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:16px;line-height:24px;cursor:pointer}.photo.add{flex-direction:column;font:inherit;font-size:26px;color:var(--accent);cursor:pointer}.photo.add span{font-size:11px;color:var(--muted)}.share-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;color:var(--text)!important;font-size:16px!important}.check input{width:20px!important;height:20px}.form input.mult,.form input.weight,input.mult,input.weight{width:72px;font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);text-align:right}.form label.inline{flex-direction:row;align-items:center;justify-content:space-between;color:var(--text);font-size:16px}.form label.inline input{width:140px;text-align:right}details.card summary{cursor:pointer;font-weight:600}.btn.small{font-size:13px;padding:2px 4px}.table.wide td:first-child,.table.wide th:first-child{white-space:nowrap;position:sticky;left:0;background:var(--surface)}