:root{--bg:#f7f8fa;--panel:#fff;--text:#192231;--muted:#788190;--line:#e8ebef;--primary:#dc2626;--soft:#fef2f2;--green:#278267;--shadow:0 4px 20px #18233804}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--primary);text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:29px;font-weight:750;letter-spacing:-1.5px;padding:0 8px}.brand small{display:block;font-size:9px;letter-spacing:1.9px;font-weight:600;margin-top:4px;color:var(--muted)}.mark{width:44px;height:44px;display:grid;place-items:center;background:var(--primary);color:white;border-radius:14px;font-size:28px;letter-spacing:-3px;padding-right:3px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#9aa2af;font-weight:700;margin:48px 14px 14px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;font-size:13px;font-weight:550;color:#6d7685}nav a.active{color:var(--primary);background:var(--soft)}nav a:hover{background:#f7f8fa}nav a.active:hover{background:var(--soft)}.nav-icon{font-size:18px;width:20px;text-align:center;font-weight:400}.local{margin-top:auto;padding:16px 12px;background:#f8faf9;border:1px solid #edf1ee;border-radius:12px;font-size:11px;color:#51665c}.local small{display:block;margin:8px 0 16px;font-size:10px;color:#8b968f}.local a{color:#6c7783;font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:#3ca279;border-radius:50%;margin-right:5px}.workspace{margin-left:234px}header{height:82px;background:#ffffffb0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#99a1ad}.breadcrumb span{color:#66717e;margin-left:5px}.selectors{display:flex;align-items:center;gap:10px}.selectors select{max-width:250px}.selectors input{width:83px}.avatar{background:#feeceb;color:#c9544e;border:1px solid #f7d9d6;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700;font-size:11px;margin-left:8px}main{padding:34px 38px;min-height:calc(100vh - 126px);max-width:1700px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--primary);margin-bottom:10px}h1{font-size:27px;letter-spacing:-.7px;margin:0 0 9px;font-weight:650}h2{font-size:15px;margin:0 0 7px;font-weight:650}h3{font-size:14px;margin:0}p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dde2e8;background:white;color:#5b6472;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 6px #dc262617}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:wait}.btn.small{padding:7px 10px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--line);border-radius:14px;background:white;padding:20px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8592}.stat-icon{width:31px;height:31px;border-radius:9px;background:#f6f7f9;display:grid;place-items:center;color:#727d8c;font-size:16px}.stat strong{display:block;font-size:25px;font-weight:650;letter-spacing:-.8px;margin:14px 0 8px;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#9199a3}.green{color:var(--green)!important}.red{color:var(--primary)!important}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:22px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-head p{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#929aa6;font-weight:600;padding:12px 13px;border-bottom:1px solid var(--line);background:#fafbfc}td{padding:14px 13px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#626d7c}td strong{color:#364151;font-weight:600}tbody tr:last-child td{border-bottom:0}.amount{text-align:right;font-variant-numeric:tabular-nums}.tag{font-size:9px;display:inline-block;border-radius:6px;padding:5px 8px;background:#f3f5f7;color:#7a8490}.tag.ok{background:#edf8f1;color:#398362}.tag.warn{background:#fff6e6;color:#b27c2d}.tag.bad{background:#fff0ef;color:#cf5650}.empty{text-align:center;padding:45px 20px;color:#89929f;white-space:normal}.empty strong{display:block;color:#4f5d6d;margin:12px 0 7px;font-size:15px}.empty .btn{margin-top:18px}.empty-symbol{font-size:32px;color:#cf6262}.bar-chart{display:flex;align-items:flex-end;gap:14px;height:176px;padding:16px 4px 0}.bar-col{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:10px}.bar-track{height:135px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #f2f3f5}.bar{background:#efb1af;border-radius:4px 4px 0 0;width:12px;min-height:2px}.bar.in{background:#d85450}.bar-col small{font-size:9px;color:#9aa1ab}.legend{display:flex;gap:18px;font-size:10px;color:#89919b}.legend i{width:7px;height:7px;display:inline-block;border-radius:2px;background:#d85450;margin-right:5px}.legend i.light{background:#efb1af}.progress{height:7px;border-radius:20px;background:#f3f4f6;overflow:hidden;margin:18px 0 12px}.progress span{display:block;height:100%;background:var(--primary);border-radius:20px}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:18px;color:#8a929d}.summary-line strong{color:#4a5664}.feature-note{padding:15px;background:#fcf8f7;border:1px solid #f6e9e6;border-radius:10px;margin-top:24px;color:#a1746a;font-size:11px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:600;color:#697584}label input,label select,label textarea{display:block;width:100%;margin-top:7px}input,select,textarea{border:1px solid #e0e4e9;border-radius:8px;padding:10px 12px;background:#fff;color:#435060;min-height:37px;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#e19b99;box-shadow:0 0 0 3px #dc26260b}textarea{min-height:76px;resize:vertical}input[type=checkbox]{min-height:0;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.hint{font-size:11px;color:#929ba6;line-height:1.7;margin:12px 0}.notice{background:#fff8eb;border:1px solid #f5e8c9;color:#987133;border-radius:10px;padding:13px;font-size:11px;line-height:1.7;margin-bottom:18px}.notice.error{background:#fff1f1;border-color:#f1cbcb;color:#b64040}.upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:1.5px dashed #d9dfe7;border-radius:12px;padding:35px;background:#fcfcfd}.upload input{max-width:100%}.upload strong{font-size:14px}.filter{margin-bottom:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter input{min-width:220px}.matrix th,.matrix td{text-align:center;padding:12px 9px}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix .month{font-size:10px;display:inline-grid;place-items:center;border-radius:6px;min-width:36px;min-height:28px;background:#f7f8fa;color:#a0a7b0}.matrix .month.paid{background:#ecf7f0;color:#398666}.matrix .month.partial{background:#fff5e4;color:#b98536}.matrix .month.due{background:#fdf0ef;color:#cf6a63}.account-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.account-card:last-child{border:0}.account-card small{display:block;font-size:10px;color:#9aa2ad;margin-top:7px}.balance{font-size:19px;font-weight:650;color:#445262}dialog{border:1px solid #e1e5ec;border-radius:17px;width:620px;max-width:95vw;max-height:90vh;padding:26px;box-shadow:0 24px 80px #17263830}dialog::backdrop{background:#14203355;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.icon-button{border:0;background:#f5f6f8;border-radius:8px;font-size:23px;width:30px;height:30px;color:#89929d}#toast{position:fixed;bottom:25px;right:28px;padding:15px 22px;background:#263f35;color:white;border-radius:12px;box-shadow:0 8px 30px #0002;z-index:10;font-size:12px;max-width:500px}footer{display:flex;justify-content:space-between;padding:16px 38px;color:#a7aeb8;font-size:10px;border-top:1px solid var(--line)}.ledger-page{background:white;padding:24px;border:1px solid #ddd;margin-bottom:25px;font-family:Arial,sans-serif}.ledger-title{text-align:center;font-size:19px;font-weight:bold;color:#222;margin-bottom:8px}.ledger-meta{display:flex;justify-content:space-between;font-size:11px;margin:14px 0}.ledger-table{white-space:normal;border-collapse:collapse;table-layout:fixed}.ledger-table td,.ledger-table th{border:1px solid #888;padding:7px;font-size:10px;color:#222;background:white;overflow-wrap:anywhere}.ledger-table .desc{width:40%}.ledger-sign{display:flex;justify-content:space-around;margin-top:28px;font-size:11px;color:#222;height:38px}.split-heading{display:flex;gap:14px;align-items:center}.file-name{font-size:12px;color:#525f6b;margin-bottom:12px}.hidden{display:none!important}@media(max-width:1150px){.sidebar{width:195px;padding:28px 13px}.workspace{margin-left:195px}main{padding:28px 23px}header{padding:0 23px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:relative;width:100%;padding:15px}.brand{font-size:24px}.nav-label,.local{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap;padding:9px}.workspace{margin:0}header{padding:10px 15px;height:auto;gap:10px}.breadcrumb{display:none}.selectors{width:100%}.selectors select{flex:1;min-width:0}.page-head{align-items:flex-start;flex-direction:column}main{padding:24px 15px}.stat{padding:15px}.stat strong{font-size:21px}.panel{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}footer{padding:15px}.ledger-page{padding:12px}}@media print{@page{size:A4 landscape;margin:12mm}body{background:white}.sidebar,header,footer,.page-head,.filter,.no-print,#toast,dialog{display:none!important}.workspace{margin:0}main{padding:0;max-width:none;min-height:0}.ledger-page{border:0;margin:0;padding:0;break-after:page;box-shadow:none}.ledger-page:last-child{break-after:auto}.ledger-table td,.ledger-table th{font-size:9pt;padding:5px}.ledger-table th{background:#eee!important;print-color-adjust:exact}.ledger-sign{margin-top:18px}}
:root .brand{flex-direction:column;gap:6px;padding:0 8px}.brand .brand-logo{display:block;width:142px;height:119px;object-fit:contain}.brand>small{font-size:9px;letter-spacing:1.9px;font-weight:600;margin:0;color:var(--muted)}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.nav-icon{display:grid;place-items:center}.nav-icon .ui-icon{width:20px;height:20px}.empty-symbol .ui-icon{width:34px;height:34px}.icon-button{display:inline-grid;place-items:center}.local a{display:flex;align-items:center;gap:6px}.local a .ui-icon{width:14px;height:14px}.btn .ui-icon{width:15px;height:15px}
.expense-matrix{min-width:1320px;table-layout:fixed}.expense-matrix th,.expense-matrix td{padding:11px 8px}.expense-matrix th:first-child,.expense-matrix td:first-child{width:190px;text-align:left}.expense-matrix th:not(:first-child),.expense-matrix td:not(:first-child){text-align:right}.expense-matrix td:first-child,.expense-matrix th:first-child{position:sticky;left:0;background:#fff;z-index:1}.expense-matrix thead th:first-child{background:#fafbfc}.expense-matrix .utility-expense td:first-child strong{color:#26384d}.expense-matrix .utility-expense td:first-child{box-shadow:inset 3px 0 0 #e9a3a0}.expense-total th{border-top:2px solid #dde2e8;background:#fafbfc;color:#4f5c6b}
.preview-description{min-width:340px;min-height:58px;margin:0 0 7px;padding:8px 10px;line-height:1.45}
.dues-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:17px}.dues-search{display:flex;align-items:center;gap:8px;min-width:290px;flex:1;max-width:470px;border:1px solid #e0e4e9;border-radius:10px;background:#fff;padding-left:12px;color:#9aa2ad}.dues-search:focus-within{border-color:#e19b99;box-shadow:0 0 0 3px #dc26260b}.dues-search input{border:0;box-shadow:none!important;min-width:0;width:100%;padding-left:0}.dues-block-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dues-block-tab{border:1px solid #e2e6eb;background:#fff;color:#687482;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:650}.dues-block-tab small{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:6px;background:#f3f5f7;color:#87909c;font-size:9px}.dues-block-tab:hover{background:#fafafa}.dues-block-tab.active{border-color:#f2c9c7;background:#fef2f2;color:#c8413d}.dues-block-tab.active small{background:#fff;color:#c8413d}.dues-block{margin-top:18px;border:1px solid #e5e9ee;border-radius:13px;overflow:hidden;background:#fff}.dues-block-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;background:linear-gradient(90deg,#fffafa,#fff);border-bottom:1px solid #edf0f3}.dues-block-title{display:flex;align-items:center;gap:12px;min-width:150px}.dues-block-title>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#dc2626;color:#fff;font-size:16px;font-weight:750;box-shadow:0 4px 10px #dc26261d}.dues-block-title h2{margin:0 0 4px;font-size:14px}.dues-block-title p{font-size:10px}.dues-block-metrics{display:flex;align-items:center;justify-content:flex-end;gap:26px;flex-wrap:wrap}.dues-block-metrics small{display:grid;gap:3px;color:#9199a4;font-size:9px;text-align:right}.dues-block-metrics strong{color:#4a5664;font-size:12px;font-variant-numeric:tabular-nums}.dues-matrix th:first-child,.dues-matrix td:first-child{position:sticky;left:0;background:#fff;z-index:1}.dues-matrix thead th:first-child{background:#fafbfc}.dues-no-result{padding:28px;text-align:center;color:#8d96a2;font-size:11px;background:#fcfcfd}@media(max-width:900px){.dues-toolbar{align-items:stretch}.dues-search{max-width:none;min-width:100%}.dues-block-head{align-items:flex-start;flex-direction:column}.dues-block-metrics{width:100%;justify-content:space-between;gap:12px}.dues-block-metrics small{text-align:left}}
.import-methods{display:grid;grid-template-columns:1.1fr 0.9fr;gap:20px;margin-top:18px}
.kobakus-card{background:#ffffff;border:1.5px solid #e1e7ee;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
.kobakus-card.active{border-color:#eab6b4;background:linear-gradient(180deg,#fffafa,#ffffff)}
.kobakus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.kobakus-title{display:flex;align-items:center;gap:12px}
.kobakus-icon{width:38px;height:38px;border-radius:10px;background:#feeceb;color:var(--primary);display:grid;place-items:center;font-size:18px;font-weight:bold}
.kobakus-dates{display:flex;gap:10px;margin:16px 0}
.kobakus-dates label{flex:1;font-size:11px;color:#6d7987}
.kobakus-dates input{margin-top:5px;padding:8px 10px;min-height:34px;font-size:11px}
@media(max-width:950px){.import-methods{grid-template-columns:1fr}}