*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5}#root{height:100%}.ant-layout-sider{overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.collector-page{display:flex;flex-direction:column;min-height:100dvh;background:#f4f6f8;font-size:16px;max-width:480px;margin:0 auto}.collector-header{position:sticky;top:0;z-index:100;background:#0f6e56;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 2px 8px #00000026}.collector-header-title{display:flex;flex-direction:column}.collector-logo{font-weight:700;font-size:18px;letter-spacing:.5px}.collector-role{font-size:11px;opacity:.8;text-transform:uppercase}.connectivity-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap}.connectivity-synced{background:#fff3;color:#fff}.connectivity-syncing{background:#ffe60040;color:#fff}.connectivity-offline{background:#dc323259;color:#fff}.indicator-icon{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.indicator-spin{display:inline-block;animation:spin 1s linear infinite}.collector-loading{padding:16px;text-align:center;color:#666;font-size:14px}.collector-warning{padding:10px 16px;background:#fff3cd;color:#856404;border-left:4px solid #ffc107;font-size:13px}.collector-search-section{padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8}.collector-search-input{width:100%;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;font-size:16px;outline:none;background:#fafafa;transition:border-color .2s}.collector-search-input:focus{border-color:#0f6e56;background:#fff}.collector-results{list-style:none;background:#fff;border-bottom:1px solid #e8e8e8}.collector-result-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;active-state:background #f0f8f5}.collector-result-item:active{background:#f0f8f5}.result-name{font-weight:600;font-size:15px;color:#1a1a1a}.result-meta{font-size:13px;color:#666;margin-top:2px}.collector-payment-form{padding:16px;background:#fff;margin:12px 16px;border-radius:10px;box-shadow:0 1px 4px #00000014}.payment-property-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.back-button{background:none;border:none;font-size:20px;color:#0f6e56;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.payment-owner{font-weight:700;font-size:16px;color:#1a1a1a}.payment-meta{font-size:13px;color:#666;margin-top:2px}.demand-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.demand-tab{padding:5px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fafafa;cursor:pointer;font-size:13px}.demand-tab.active{background:#0f6e56;color:#fff;border-color:#0f6e56}.demand-summary{background:#f8fffe;border:1px solid #c8e6e0;border-radius:8px;padding:12px;margin-bottom:14px}.demand-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.demand-amount{font-weight:600;font-size:15px}.demand-balance{color:#d4380d}.demand-status{font-size:12px;padding:2px 8px;border-radius:4px}.demand-status-paid{background:#f6ffed;color:#389e0d}.demand-status-partial{background:#fff7e6;color:#d46b08}.demand-status-unpaid{background:#fff1f0;color:#cf1322}.payment-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.payment-label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;color:#333}.payment-amount-input,.payment-mode-select{padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:16px;background:#fafafa;outline:none;width:100%}.payment-amount-input:focus,.payment-mode-select:focus{border-color:#0f6e56;background:#fff}.payment-submit-btn{width:100%;padding:14px;background:#0f6e56;color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}.payment-submit-btn:disabled{background:#b0b0b0;cursor:not-allowed}.payment-submit-btn:not(:disabled):active{background:#0a5140}.collector-receipt{margin:12px 16px;background:#fff;border-radius:10px;padding:20px 16px;box-shadow:0 1px 4px #00000014;text-align:center}.receipt-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;color:#0f6e56;margin-bottom:16px}.receipt-checkmark{font-size:24px}.receipt-offline-notice{background:#fff3cd;color:#856404;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:14px}.receipt-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.receipt-row:last-of-type{border-bottom:none}.receipt-next-btn{margin-top:16px;width:100%;padding:12px;background:#0f6e56;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}