:root{--ink:#171717;--muted:#717171;--line:#dedede;--soft:#f4f4f3;--paper:#fcfcfb;--white:#fff;--red:#b83932;--green:#256b4c;--teal:#004d4c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:28px clamp(20px,4vw,64px) 42px}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}.brand{margin:0;font-size:22px;font-weight:780;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:2px}.nav button,.plain-btn{border:0;background:transparent;color:var(--muted);padding:8px 12px;font-size:14px}.nav button.active{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:700}.save-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%}.status-dot.saving{background:#b68115}.status-dot.failed{background:var(--red)}.top-actions{display:flex;align-items:center;gap:10px}.view{padding-top:32px}.view-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}h2{margin:0;font-size:28px}.date-stamp,.muted{color:var(--muted);font-size:13px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:32px 0 12px}.section-label h3,.panel h3{margin:0;font-size:14px}.section-label span{color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,128px);gap:8px}.category{width:128px;height:128px;padding:14px;border:1px solid var(--line);background:var(--white);text-align:left;display:flex;flex-direction:column;justify-content:space-between}.category.drag-target{border:2px solid var(--ink);padding:13px;background:var(--soft)}.category-top{display:flex;align-items:start;justify-content:space-between;gap:6px}.category-name{font-size:15px;font-weight:700}.category-total{font-size:19px;font-weight:720}.category-more{width:24px;height:24px;margin:-5px -5px 0 0;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:20px;line-height:1}.category-more:hover{background:var(--soft);color:var(--ink)}.record-area{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;margin-top:32px}.entry-actions{min-height:300px;display:grid;align-content:center;justify-items:center;gap:8px;border:1px dashed #aaa}.primary,.secondary,.danger{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 16px;font-size:14px;font-weight:700}.primary:hover{background:#383838}.secondary{color:var(--ink);background:var(--white);border-color:var(--line);font-weight:600}.secondary:hover{border-color:var(--ink)}.danger{color:var(--red);background:var(--white);border-color:var(--red)}.unclassified{min-height:300px;border:1px solid var(--line);background:var(--white)}.unclassified-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.unclassified-head h3{margin:0;font-size:14px}.unclassified-actions{display:flex;align-items:center;gap:9px}.unclassified-count{color:var(--muted);font-size:12px}.tiles{position:relative;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,112px);grid-auto-rows:112px;gap:8px;min-height:248px;-webkit-user-select:none;user-select:none}.tile{position:relative;width:112px;height:112px;padding:10px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;text-align:left;cursor:grab}.tile.selected{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.tile.dragging{opacity:.45}.tile.drop-before{box-shadow:-3px 0 0 var(--ink)}.tile.drop-after{box-shadow:3px 0 0 var(--ink)}.tile-title{padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.tile-amount{margin-top:auto;font-size:17px;font-weight:750}.tile-date{margin-top:5px;color:var(--muted);font-size:12px}.tile-more{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1}.tile-more:hover{color:var(--ink);background:var(--soft)}.tile-menu{position:absolute;z-index:4;top:31px;right:5px;width:76px;border:1px solid var(--ink);background:var(--white);box-shadow:2px 3px #0000001a}.tile-menu button{display:block;width:100%;border:0;background:transparent;padding:7px 8px;text-align:left;font-size:12px}.tile-menu button:hover{background:var(--soft)}.tile-menu .delete-action{color:var(--red)}.batch-bar{display:flex;gap:8px;align-items:center;margin-top:10px}.batch-bar select{max-width:180px;padding:8px;border:1px solid var(--line);background:var(--white)}.ledger-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.periods{display:flex;border:1px solid var(--line)}.period{min-width:46px;border:0;border-right:1px solid var(--line);background:var(--white);padding:8px}.period:last-child{border-right:0}.period.active{background:var(--ink);color:var(--white)}.month-control{display:flex;align-items:center;gap:10px;font-weight:700}.icon-button{width:30px;height:30px;border:1px solid var(--line);background:var(--white);font-size:18px}.overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--white)}.metric{min-height:112px;padding:19px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin:13px 0 7px;font-size:30px;font-weight:760}.income{color:var(--green)}.expense{color:var(--red)}.metric-note{color:var(--muted);font-size:13px}.ledger-layout,.settlement-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;margin-top:34px}.panel{border:1px solid var(--line);background:var(--white)}.panel-actions{display:flex;align-items:center;gap:10px}.transaction,.settlement-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:82px;padding:13px 24px;border-bottom:1px solid var(--line)}.transaction:last-child,.settlement-row:last-child{border-bottom:0}.transaction-title,.settlement-title{font-weight:700}.transaction-meta,.settlement-meta{margin-top:5px;color:var(--muted);font-size:12px}.transaction-category{color:var(--muted);font-size:13px}.transaction-amount,.settlement-amount{font-weight:750}.distribution{padding:0 24px}.dist-row{padding:20px 0;border-bottom:1px solid var(--line)}.dist-row:last-child{border-bottom:0}.dist-top{display:flex;justify-content:space-between;gap:12px;font-size:14px}.bar{height:6px;margin-top:12px;background:#e7e7e7}.bar i{display:block;height:100%;background:var(--ink)}.bar i.income-bar{background:var(--green)}.filter-wrap{position:relative}.filter-button{border:1px solid var(--line);background:var(--white);padding:6px 8px;font-size:12px}.filter-button:hover,.filter-button[aria-expanded=true]{border-color:var(--ink)}.filter-chevron{font-size:13px}.filter-menu{position:absolute;z-index:5;top:34px;right:0;width:230px;max-height:440px;overflow:auto;border:1px solid var(--ink);background:var(--white);box-shadow:3px 4px #0000001a;padding:8px}.filter-menu-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px;border-bottom:1px solid var(--line);font-size:12px}.filter-reset{border:0;background:transparent;color:var(--muted);padding:2px;font-size:11px}.filter-reset:hover{color:var(--ink)}.filter-group{padding:8px 2px;border-bottom:1px solid var(--line)}.filter-group:last-child{border-bottom:0}.filter-group p{margin:0 0 5px;color:var(--muted);font-size:11px}.filter-group label{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:12px}.filter-group input{width:14px;height:14px;margin:0;accent-color:var(--ink)}.settlement-actions{display:flex;gap:8px}.settlement-button{min-width:120px;padding:12px 18px;border:1px solid;background:var(--white);font-size:15px;font-weight:750}.settlement-button.out{color:var(--red);border-color:var(--red)}.settlement-button.in{color:var(--green);border-color:var(--green)}.settlement-list{min-height:150px}.settlement-status{color:var(--muted);font-size:12px}.manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.manage-card{padding:22px;border:1px solid var(--line);background:var(--white)}.manage-card h3{margin:0 0 18px;font-size:16px}.manage-card p{color:var(--muted);font-size:13px;line-height:1.6}.manage-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trash-list{margin-top:18px;border-top:1px solid var(--line)}.trash-item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.empty{padding:38px 16px;text-align:center;color:var(--muted);font-size:13px}.notice{margin:0 0 16px;padding:11px 13px;background:#fff9e9;border:1px solid #e2c984;color:#76580f;font-size:13px}.error{color:var(--red);font-size:13px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#00000040}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid var(--ink);background:var(--white);box-shadow:5px 7px #00000024}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:17px}.close{width:28px;height:28px;border:0;background:transparent;font-size:21px}.form{padding:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1 / -1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:10px;border:1px solid var(--line);background:var(--white)}.field textarea{min-height:84px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.import-preview{max-height:220px;margin-top:16px;overflow:auto;border:1px solid var(--line)}.import-preview-head{padding:9px;border-bottom:1px solid var(--line);font-size:13px}.import-row{display:flex;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid var(--line);font-size:13px}.import-row:last-child{border-bottom:0}.import-errors{margin:10px;color:var(--red);font-size:12px;line-height:1.5}.category-detail-list{padding:0 20px}.category-detail-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:13px 0;border-bottom:1px solid var(--line)}.category-detail-item:last-child{border-bottom:0}.category-detail-title{font-size:14px;font-weight:700}.category-detail-meta{margin-top:5px;color:var(--muted);font-size:12px}.login{width:min(420px,calc(100% - 32px));margin:14vh auto 0}.login-box{padding:28px;border:1px solid var(--ink);background:var(--white)}.login h1{margin:0 0 26px;font-size:24px}.login .field{margin-bottom:16px}.login p{color:var(--muted);font-size:13px;line-height:1.6}.mobile{display:none}@media(max-width:1024px)and (orientation:portrait),(max-width:760px){.desktop{display:none!important}.mobile{display:block;min-height:100vh;padding:18px 16px 30px}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--ink)}.mobile-brand{margin:0;font-size:20px;letter-spacing:.02em}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0 18px}.mobile-tabs button{border:1px solid var(--line);background:var(--white);padding:11px 5px;color:var(--muted);font-size:14px}.mobile-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--white);font-weight:700}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.quick-actions .primary,.quick-actions .secondary{min-height:52px}.recent-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.recent-head h2{font-size:18px}.mobile-list{border-top:1px solid var(--line)}.mobile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--line)}.mobile-row-title{font-size:15px;font-weight:700}.mobile-row-meta{color:var(--muted);font-size:12px}.mobile-row-amount{align-self:center;font-size:16px;font-weight:750}.mobile-row-actions{grid-column:1 / -1;display:flex;gap:8px}.small-btn{border:0;background:transparent;color:var(--muted);padding:2px 0;font-size:12px}.small-btn.delete{color:var(--red)}.desktop-link{margin-top:28px;width:100%;border:1px solid var(--line);background:var(--white);padding:10px;color:var(--muted)}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:90vh;box-shadow:none}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}}