:root{--crm-navy: #17243a;--crm-ink: #243147;--crm-muted: #6f7d90;--crm-subtle: #8b97a6;--crm-line: #e2e8ed;--crm-canvas: #f3f6f8;--crm-surface: #ffffff;--crm-green: #16805b;--crm-green-dark: #106747;--crm-green-soft: #e9f6f0;--crm-blue: #3972ce;--crm-blue-soft: #edf3fd;--crm-amber: #d69208;--crm-amber-soft: #fff6e4;--crm-red: #d64b4b;--crm-red-soft: #fff0f0;--crm-radius: 12px;--crm-shadow: 0 6px 18px rgba(18, 36, 55, .06)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--crm-canvas);color:#111827;font-family:Inter,Segoe UI Variable,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}::selection{background:#16805b2e;color:var(--crm-navy)}body :is(.dashboard-page,.plots-page,.payment-page,.page){width:100%;max-width:1440px;margin:0 auto}body .page{padding:0}body :is(.dashboard-page,.plots-page,.payment-page,.page)>.page-header{margin-bottom:18px}body :is(.dashboard-page,.plots-page,.payment-page,.page)>.page-header h1{color:var(--crm-navy);font-size:clamp(23px,2.4vw,29px);font-weight:760;letter-spacing:-.025em}body :is(.dashboard-page,.plots-page,.payment-page,.page)>.page-header p,body .page-description{color:#374151;font-size:14px;line-height:1.5}body .project-label{color:#145f45;font-size:12px;font-weight:800;letter-spacing:.12em}body :is(.primary-btn,.add-plot-button,.add-payment-button,.save-button,.submit-button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:0;border-radius:8px;background:var(--crm-green);box-shadow:0 5px 12px #16805b2e;color:#fff;font-size:13px;font-weight:750;text-decoration:none;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}body :is(.primary-btn,.add-plot-button,.add-payment-button,.save-button,.submit-button):hover:not(:disabled){background:var(--crm-green-dark);box-shadow:0 8px 18px #16805b3d;transform:translateY(-1px)}body :is(.secondary-btn,.cancel-button,.clear-button){display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #d9e1e8;border-radius:8px;background:#fff;color:#526176;font-size:13px;font-weight:700;transition:border-color .15s ease,background .15s ease,color .15s ease}body :is(.secondary-btn,.cancel-button,.clear-button):hover:not(:disabled){border-color:#adcabb;background:#f5faf7;color:var(--crm-green)}body button:disabled{cursor:not-allowed;opacity:.58}body :is(.edit-btn,.delete-btn){min-height:30px;padding:0 10px;border:0;border-radius:6px;font-size:12px;font-weight:750}body .edit-btn{background:var(--crm-green-soft);color:var(--crm-green)}body .delete-btn{background:var(--crm-red-soft);color:var(--crm-red)}body :is(.dashboard-card,.stat-card,.table-card,.properties-card,.plots-card,.customer-card,.progress-card,.summary-card,.form-card,.plots-section){border:1px solid var(--crm-line);border-radius:var(--crm-radius);background:var(--crm-surface);box-shadow:var(--crm-shadow)}body .stat-card{position:relative;overflow:hidden;min-height:112px;padding:16px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}body .stat-card:hover{border-color:#ced9e1;box-shadow:0 11px 24px #12243717;transform:translateY(-2px)}body .stat-icon{border-radius:10px}body .stat-icon.green{background:var(--crm-green-soft);color:var(--crm-green)}body .stat-icon.blue{background:var(--crm-blue-soft);color:var(--crm-blue)}body .stat-icon.orange{background:var(--crm-amber-soft);color:var(--crm-amber)}body .stat-icon.red{background:var(--crm-red-soft);color:var(--crm-red)}body .stat-content h2{color:var(--crm-navy);font-size:25px;font-weight:780}body .card-header h2,body :is(.properties-card,.plots-card) .card-header h2{color:var(--crm-navy);font-size:17px;font-weight:760}body .card-header p{color:#374151;font-size:13px}body :is(.toolbar,.filter-card){border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-surface);box-shadow:0 4px 12px #1224370b}body .toolbar{padding:9px 11px}body :is(.search-box input,.form-group input,.form-group select,.form-group textarea,.filter-control select,.area-edit-input){outline:none;border:1px solid #d9e1e8;border-radius:7px;background:#fff;color:#111827;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}body :is(.form-group input,.form-group select,.filter-control select,.area-edit-input){min-height:38px;padding:0 11px}body .form-group textarea{padding:10px 11px;resize:vertical}body :is(.search-box input,.form-group input,.form-group select,.form-group textarea,.filter-control select,.area-edit-input):focus{border-color:#42a07c;box-shadow:0 0 0 3px #16805b17}body .form-group label,body .filter-control label{color:#111827;font-size:13px;font-weight:750}body table{width:100%;border-collapse:collapse}body thead{background:#f7f9fb}body th{padding:11px 14px;border-bottom:1px solid var(--crm-line);color:#1f2937;font-size:12px;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}body td{padding:12px 14px;border-bottom:1px solid #edf1f4;color:#111827;font-size:13px}body td strong{color:var(--crm-navy);font-weight:720}body tbody tr{transition:background .13s ease}body tbody tr:hover{background:#f9fbfa}body tbody tr:last-child td{border-bottom:0}body :is(.status-badge.available,.payment-status.paid){background:var(--crm-green-soft);color:var(--crm-green)}body :is(.status-badge.hold,.payment-status.partial){background:var(--crm-amber-soft);color:#b47700}body :is(.status-badge.sold,.payment-status.pending){background:var(--crm-red-soft);color:var(--crm-red)}body :is(.status-badge,.payment-status,.type-badge){display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}body :is(.success-message,.success-alert){border:1px solid #c9eadb;border-radius:9px;background:var(--crm-green-soft);color:var(--crm-green);font-size:13px}body :is(.error-message,.inline-error){border:1px solid #f2cece;border-radius:9px;background:var(--crm-red-soft);color:#bd3838;font-size:13px}body .property-filter-banner{border:1px solid #d3e0f5;border-radius:9px;background:#eef4fd;color:#365f9f}body .modal-backdrop{z-index:1000;padding:22px;background:#0b192a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body .modal{overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:14px;background:#fff;box-shadow:0 28px 70px #0715243d}body .modal-header,body .form-header{padding:17px 20px;border-bottom:1px solid var(--crm-line);background:#fbfcfd}body :is(.modal-header,.form-header) h2{color:#111827;font-size:20px;font-weight:760}body :is(.modal-header,.form-header) p{color:#374151;font-size:13px}body :is(.close-btn,.close-button){color:#8390a1;transition:color .15s ease,background .15s ease}body :is(.close-btn,.close-button):hover{color:var(--crm-red)}body .modal-actions,body .form-actions{padding-top:16px;border-top:1px solid #edf1f3}body :is(.loading-state,.empty-state,.error-state){color:var(--crm-muted)}body .loading-spinner{border-color:#e2ebe7;border-top-color:var(--crm-green)}body .empty-state h3,body .error-state h3{color:var(--crm-navy)}body .collection-amount{color:var(--crm-navy);font-weight:780}body :is(.progress-value,.payment-progress-value,.progress-fill){background:linear-gradient(90deg,#16805b,#28a875)}body .progress-track,body .payment-progress{background:#e9eef1}body .quick-action{border:1px solid transparent}body .quick-action:hover{border-color:#e2e9ed;background:#f8fbf9}body .view-all{color:var(--crm-green);font-weight:750}body .plot-card{border:1px solid var(--crm-line);border-radius:11px;background:#fff;box-shadow:0 4px 12px #1224370d;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}body .plot-card:hover{border-color:#a9cbbd;box-shadow:0 11px 24px #1224371a;transform:translateY(-2px)}body .history-card .table-wrapper{overflow-x:hidden}body .history-card .payment-history-table{width:100%;min-width:0;table-layout:fixed}body .payment-history-table th,body .payment-history-table td{padding:13px 16px;color:#111827;font-size:13px;vertical-align:middle}body .payment-history-table th{color:#374151;font-size:11px}body .payment-history-table th:nth-child(1){width:23%}body .payment-history-table th:nth-child(2){width:27%}body .payment-history-table th:nth-child(3){width:25%}body .payment-history-table th:nth-child(4){width:25%}body .payment-history-table :is(.amount-cell strong,.amount-cell span,.mode-cell>span,.mode-cell small){display:block}body .payment-history-table .amount-cell strong{color:#111827;font-size:14px;font-weight:800}body .payment-history-table :is(.amount-cell span,.mode-cell small){overflow:hidden;margin-top:2px;color:#6b7280;font-size:10px;text-overflow:ellipsis;white-space:nowrap}body .payment-history-table .mode-cell>span{color:#111827;font-size:13px;font-weight:650}body .payment-history-table .actions-column{text-align:right}body .payment-history-table .action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:7px}body .payment-history-table .icon-action{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #dce3e9;border-radius:7px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}body .payment-history-table .icon-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}body .payment-history-table .document-action{border-color:#cfe0f5;background:#f1f6fd;color:#3268b5}body .payment-history-table .edit-action{border-color:#cce7da;background:#eef8f3;color:#147452}body .payment-history-table .delete-action{border-color:#f0d4d4;background:#fff3f3;color:#c13f3f}body .payment-history-table .icon-action:hover{border-color:currentColor;filter:brightness(.98)}@media(max-width:700px){body :is(.dashboard-page,.plots-page,.payment-page,.page)>.page-header{align-items:flex-start;flex-direction:column;gap:12px}body .modal-backdrop{padding:10px}}@media(max-width:620px){body .payment-history-table th,body .payment-history-table td{padding:11px 8px;font-size:11px}body .payment-history-table th{font-size:9px}body .payment-history-table .amount-cell strong{font-size:12px}body .payment-history-table .mode-cell>span{font-size:11px}body .payment-history-table .icon-action{width:29px;height:29px}}