:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f3ee;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app{width:min(1280px,100% - 32px);margin:0 auto;padding:28px 0 48px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#6a5a4a;margin-bottom:4px;font-size:.9rem;display:block}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,4vw,3rem);font-weight:800}h2{font-size:1.15rem}.primary,.tabs button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary{color:#fff;background:#173c36;border-radius:8px;min-height:44px;padding:0 18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{background:#fff;border:1px solid #e4ddd2;border-radius:8px;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex}.statIcon{color:#173c36;background:#efe6d8;border-radius:8px;flex:0 0 42px;place-items:center;height:42px;display:grid}.stat.green .statIcon{color:#26613d;background:#dbead8}.stat.blue .statIcon{color:#27547a;background:#dce8f1}.stat.gold .statIcon{color:#775a15;background:#f4e7bf}.stat p{color:#6a5a4a;margin-bottom:4px;font-size:.9rem}.stat strong{font-size:clamp(1.15rem,2.3vw,1.75rem);display:block}.filters{grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,1fr));align-items:stretch;gap:10px;margin-bottom:14px;display:grid}.searchBox,select{color:#17211f;background:#fff;border:1px solid #d9d0c3;border-radius:8px;min-height:44px}.searchBox{align-items:center;gap:8px;padding:0 12px;display:flex}.searchBox input{color:inherit;border:0;outline:0;flex:1;min-width:0}select{padding:0 12px}.tabs{background:#e8e0d4;border-radius:8px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.tabs button{color:#5a4c3e;background:0 0;border-radius:6px;min-width:92px;min-height:38px;padding:0 16px}.tabs button.active{color:#17211f;background:#fff;font-weight:700}.panel{background:#fff;border:1px solid #e4ddd2;border-radius:8px;overflow:hidden}.panelHeader{border-bottom:1px solid #eee7dc;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.panelHeader span{color:#6a5a4a;font-size:.92rem}.tableWrap{max-height:62vh;overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{text-align:right;vertical-align:top;border-bottom:1px solid #f0ebe4;padding:12px 14px}th{color:#6a5a4a;z-index:1;background:#fbfaf7;font-size:.87rem;font-weight:700;position:sticky;top:0}.amount{white-space:nowrap;font-weight:700}.pill{white-space:nowrap;border-radius:999px;min-height:26px;padding:3px 10px;font-size:.85rem;display:inline-flex}.pill.paid{color:#246138;background:#e1f2df}.pill.open{color:#8a3d25;background:#f5e5de}.incomeGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:16px;display:grid}.incomeItem{border:1px solid #eee7dc;border-radius:8px;gap:5px;min-height:104px;padding:14px;display:grid}.incomeItem strong{font-size:1.25rem}.incomeItem small{color:#6a5a4a}.bars{gap:14px;padding:18px;display:grid}.barRow{grid-template-columns:minmax(120px,180px) 1fr minmax(110px,auto);align-items:center;gap:12px;display:grid}.barTrack{background:#eee7dc;border-radius:999px;height:12px;overflow:hidden}.barFill{background:#2f6f62;height:100%}.loading{color:#173c36;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.gate{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gatePanel{background:#fff;border:1px solid #e4ddd2;border-radius:8px;width:100%;max-width:520px;padding:30px}.gateIcon{color:#27547a;background:#dce8f1;border-radius:8px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.gatePanel h1{margin-bottom:10px}.gatePanel p{color:#5f5144;margin-bottom:18px;line-height:1.7}.gateForm{gap:10px;display:grid}.gateForm input{color:#17211f;text-align:left;background:#fff;border:1px solid #d9d0c3;border-radius:8px;outline:0;min-height:46px;padding:0 12px}.gateForm .primary:disabled{cursor:not-allowed;opacity:.55}.gateHint{color:#8a3d25;margin-top:8px;display:block}.secondary{color:#173c36;cursor:pointer;font:inherit;background:#fff;border:1px solid #173c36;border-radius:8px;width:100%;min-height:44px;margin-top:14px;padding:0 18px}@media (width<=860px){.app{width:min(100% - 20px,1280px);padding-top:18px}.topbar{flex-direction:column;align-items:stretch}.stats,.filters{grid-template-columns:1fr}.stat{min-height:88px}.tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.tabs button{min-width:0;padding:0 8px}.barRow{grid-template-columns:1fr}}