:root{--bg:#f4efeb;--paper:#fffdfb;--text:#302a27;--muted:#8a7f78;--line:#e7ddd7;--accent:#8b645a;--accent-soft:#f2e7e2;--soft:#faf6f3;--shadow:0 10px 26px rgba(79,59,48,.08)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}.page{max-width:1080px;margin:28px auto;padding:0 18px}.back{display:inline-flex;margin-bottom:12px;color:#786b65;text-decoration:none;font-size:14px;font-weight:700}.back:hover{color:var(--accent)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:27px;letter-spacing:.03em}.page-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:11px;text-decoration:none;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:var(--text)}.filter-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--soft);margin-bottom:22px}.filter-title{font-size:15px;font-weight:800;margin-bottom:13px}.filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:800}.roc-date-wrap{position:relative}.date-input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 48px 0 12px;font-size:15px;cursor:pointer;outline:none}.date-input:focus{border-color:#aa8178;box-shadow:0 0 0 3px rgba(139,100,90,.1)}.calendar-button{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#786b65;border-radius:8px;cursor:pointer;display:grid;place-items:center;padding:0}.calendar-icon{width:20px;height:20px}.roc-calendar{position:absolute;z-index:30;top:50px;left:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.14)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-head button{border:0;background:var(--soft);width:34px;height:34px;border-radius:8px;cursor:pointer}.cal-title{font-size:14px;font-weight:700}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.week{font-size:11px;color:var(--muted);margin-bottom:4px}.day{border:0;background:transparent;height:34px;border-radius:8px;cursor:pointer;font-size:13px}.day:hover{background:var(--soft)}.day.selected{background:var(--accent);color:#fff}.day.blank{pointer-events:none}.today-btn{width:100%;margin-top:8px;height:34px;border:0;border-radius:8px;background:var(--soft);color:var(--text);cursor:pointer}.filter-actions{display:flex;gap:8px}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.list-title{font-size:16px;font-weight:800}.list-count{font-size:12px;color:var(--muted)}.state{text-align:center;padding:32px 12px;color:var(--muted);font-size:14px}.record-list{display:grid;gap:10px}.record-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid #eee4de;border-radius:14px;background:#fff}.record-date{font-size:16px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.record-name{font-weight:900;margin-bottom:5px}.record-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.record-note{margin-top:5px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-side{display:flex;align-items:center;gap:12px}.record-amount{font-size:15px;font-weight:900;white-space:nowrap}.empty{padding:34px 12px;text-align:center;color:var(--muted);font-size:14px}@media(max-width:800px){.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.record-row{grid-template-columns:92px minmax(0,1fr)}.record-side{grid-column:1/-1;justify-content:flex-end}.page-head{align-items:stretch}.page-head .btn{align-self:flex-start}}@media(max-width:600px){.page{margin:12px auto;padding:0 10px}.panel{padding:18px 14px;border-radius:14px}.page-head{flex-direction:column}.page-head h1{font-size:23px}.page-head .btn{width:100%}.filter-grid{grid-template-columns:1fr}.filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.filter-actions .btn{width:100%}.roc-calendar{width:min(310px,calc(100vw - 76px))}.record-row{grid-template-columns:1fr;gap:8px}.record-date{font-size:15px}.record-side{grid-column:auto;justify-content:space-between;align-items:center}.record-side .btn{min-width:108px}.record-note{white-space:normal}}