.bookkeeping-reference{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:18px;color:var(--ink,#193f55)}
.bookkeeping-reference .bk-layout,.bookkeeping-reference .bk-toolbar,.bookkeeping-reference .bk-heading{min-width:0}
.bookkeeping-reference .bk-heading h1{font-size:28px;line-height:1.2;margin:5px 0 8px}
.bookkeeping-reference .bk-heading p{margin:0;color:var(--muted,#638398);font-size:13px}
.bookkeeping-reference .bk-toolbar{padding:16px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.bookkeeping-reference .bk-toolbar label{display:grid;gap:6px;min-width:135px;font-size:12px;flex:0 1 170px}
.bookkeeping-reference input,.bookkeeping-reference select{width:100%;min-height:42px;margin:0}
.bookkeeping-reference .bk-toolbar .bk-search{flex:1 1 180px}
.bookkeeping-reference .bk-toolbar>.button{margin-left:auto;white-space:nowrap;min-height:42px}
.bookkeeping-reference .bk-date-divider{padding-bottom:12px;color:var(--muted,#638398)}
.bookkeeping-reference .bk-layout.with-categories{display:grid;grid-template-columns:215px minmax(0,1fr);gap:16px;align-items:start}
.bookkeeping-reference .bk-categories{padding:10px;position:sticky;top:80px;max-height:75vh;overflow:auto}
.bookkeeping-reference .bk-categories header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;font-size:13px}
.bookkeeping-reference .bk-categories .icon-button{padding:6px 11px;min-width:34px;height:34px}
.bookkeeping-reference .bk-category-row{display:flex;align-items:center;position:relative}
.bookkeeping-reference .bk-category{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;border:0;background:transparent;border-radius:7px;padding:13px 12px;min-height:44px;color:inherit;cursor:pointer;font:inherit;font-size:13px}
.bookkeeping-reference .bk-category-row .bk-category{padding-right:40px}
.bookkeeping-reference .bk-category.selected{background:#dff1fb;box-shadow:inset 3px 0 #0875bf;font-weight:700}
.bookkeeping-reference .bk-category small{font-size:11px;color:var(--muted,#638398)}
.bookkeeping-reference .bk-category span>small{display:block;margin-top:3px}
.bookkeeping-reference .bk-edit-category{position:absolute;right:5px;width:30px;height:30px;border:1px solid #d2e5f1;border-radius:6px;background:#fff;color:#076cac;cursor:pointer}
.bookkeeping-reference .bk-records{min-width:0;overflow:hidden}
.bookkeeping-reference .bk-table-wrap{overflow:auto;min-height:300px}
.bookkeeping-reference .data-table{margin:0;width:100%}
.bookkeeping-reference .data-table th{background:#f6fafc;text-transform:none;font-size:12px;white-space:nowrap;padding:14px}
.bookkeeping-reference .data-table td{padding:14px;font-size:13px;vertical-align:middle}
.bookkeeping-reference .data-table tr:hover{background:#f7fbff}
.bookkeeping-reference .bk-record-link{padding:0;min-height:24px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.bookkeeping-reference .bk-record-link:hover{text-decoration:underline;color:#066cb2}
.bookkeeping-reference .bk-memo{min-width:140px;max-width:280px;white-space:normal;overflow-wrap:anywhere}
.bookkeeping-reference .bk-amount{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
.bookkeeping-reference .bk-status{display:inline-block;padding:4px 9px;border-radius:6px;white-space:nowrap;font-size:11px;border:1px solid #cde5d9;background:#f0faf4;color:#24734d}
.bookkeeping-reference .bk-status.off{border-color:#dce3e7;background:#f3f6f8;color:#6a7b85}
.bookkeeping-reference .bk-total{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:18px;border-bottom:1px solid #d4e6f1;font-size:14px}
.bookkeeping-reference .bk-total small{font-size:11px;color:var(--muted,#638398)}
.bookkeeping-reference .bk-total.expenditure strong{color:#b64941}
.bookkeeping-reference .bk-total.income strong{color:#24734d}
.bookkeeping-reference .bk-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:14px;border-top:1px solid #d4e6f1;font-size:12px}
.bookkeeping-reference .bk-pagination label{display:flex;align-items:center;gap:7px;font-size:12px}
.bookkeeping-reference .bk-pagination select{width:65px;min-height:34px;padding:5px}
.bookkeeping-reference .bk-pagination .button{padding:8px 12px;min-height:34px}
.bookkeeping-reference .bk-empty{min-height:260px;display:grid;place-content:center;text-align:center;gap:15px;color:var(--muted,#638398)}
.bookkeeping-reference .bk-empty>span{font-size:50px;opacity:.35}
.bookkeeping-reference .bk-filter-error{padding:12px 18px;margin:0;color:#b13931;background:#fff4f2}
.bookkeeping-reference-modal{width:min(600px,calc(100vw - 32px))!important}
.bookkeeping-reference-drawer{width:min(600px,100vw)!important}
.bookkeeping-reference-modal .bk-editor,.bookkeeping-reference-drawer .bk-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:21px}
.bookkeeping-reference-modal .bk-editor>label,.bookkeeping-reference-drawer .bk-editor>label{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;font-size:13px}
.bookkeeping-reference-modal .bk-editor input,.bookkeeping-reference-modal .bk-editor select,.bookkeeping-reference-modal .bk-editor textarea,.bookkeeping-reference-drawer .bk-editor input,.bookkeeping-reference-drawer .bk-editor select,.bookkeeping-reference-drawer .bk-editor textarea{width:100%;min-height:44px;margin:0}
.bookkeeping-reference-modal .bk-editor textarea,.bookkeeping-reference-drawer .bk-editor textarea{min-height:85px;resize:vertical}
.bookkeeping-reference-modal .bk-editor small,.bookkeeping-reference-drawer .bk-editor small{font-weight:400;color:var(--muted,#638398);font-size:11px}
.bookkeeping-reference-drawer .bk-money{display:flex;align-items:center;border:1px solid #c9dfe9;border-radius:8px;overflow:hidden}
.bookkeeping-reference-drawer .bk-money>b{align-self:stretch;display:flex;align-items:center;padding:0 12px;background:#f2f8fc;border-right:1px solid #c9dfe9}
.bookkeeping-reference-drawer .bk-money input{border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0}
.bookkeeping-reference-modal .bk-editor .bk-active{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 0}
.bookkeeping-reference-modal .bk-active .classic-switch{flex:0 0 46px}
.bookkeeping-reference-modal .bk-editor-note,.bookkeeping-reference-drawer .bk-editor-note{font-size:12px;line-height:1.5;color:var(--muted,#638398);background:#f2f9fd;padding:12px;border-radius:7px;margin:0}
.bookkeeping-reference-modal .bk-delete,.bookkeeping-reference-drawer .bk-delete{margin-right:auto;color:#b13931;background:#fff5f3;border:1px solid #f0c8c1}
@media(max-width:1100px){.bookkeeping-reference .bk-date-divider{display:none}.bookkeeping-reference .bk-toolbar label{flex:1 1 160px}}
@media(max-width:760px){.bookkeeping-reference .bk-layout.with-categories{grid-template-columns:minmax(0,1fr)}.bookkeeping-reference .bk-categories{position:static;max-height:220px}.bookkeeping-reference .bk-heading h1{font-size:24px}.bookkeeping-reference .bk-toolbar{gap:10px;padding:12px}.bookkeeping-reference .bk-toolbar label{min-width:130px;flex:1 1 130px}.bookkeeping-reference .bk-toolbar>.button{flex:1 1 100%;margin:0}.bookkeeping-reference .bk-pagination{justify-content:center;gap:8px}.bookkeeping-reference .bk-pagination>span:first-child{margin-right:auto}.bookkeeping-reference .bk-pagination label{font-size:0}.bookkeeping-reference-modal .modal-footer,.bookkeeping-reference-drawer .modal-footer{gap:8px;flex-wrap:wrap}.bookkeeping-reference .data-table{min-width:690px}}