.transaction-records{background:#fff;border:1px solid #e4e1d8;border-radius:10px;margin-top:18px;overflow:hidden}.transaction-records__header{border-bottom:1px solid #e4e1d8;justify-content:space-between;align-items:flex-end;gap:14px;padding:16px 18px;display:flex}.transaction-records__header>div{gap:3px;display:grid}.transaction-records__header strong{font-size:14.5px;font-weight:600}.transaction-records__header span{color:#67717d;font:12.5px var(--font-mono), monospace}.transaction-records__mobile-sort{display:none}.transaction-records__scroll{overflow-x:auto}.transaction-records table{border-collapse:collapse;width:100%;font-size:13.5px}.transaction-records th{color:#67717d;font:500 11px var(--font-mono), monospace;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e4e1d8;padding:11px 12px}.transaction-records__sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.transaction-records__sort:hover{color:#c29b60}.transaction-records__sort-icons{flex-direction:column;width:10px;margin-left:3px;display:inline-flex}.transaction-records__sort-icons span{color:#d6d9dd;width:10px;height:7px;display:block}.transaction-records__sort-icons span.is-active{color:#0f1d2e}.transaction-records__sort:hover .transaction-records__sort-icons span{color:#c29b60}.transaction-records__sort svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:12px;height:12px;display:block}.transaction-records__sort-icons svg{width:10px;height:7px}.transaction-records__sort-icons span.is-active svg{fill:currentColor}.transaction-records td{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e4e1d8;padding:11px 12px;overflow:hidden}.transaction-records tbody>tr:last-child td{border-bottom:0}.transaction-records__row{cursor:pointer}.transaction-records__row:hover,.transaction-records__row.is-open{background:#faf9f5}.transaction-records__row td:first-child{padding-left:28px;position:relative}.transaction-records__row td:first-child:before{content:"";border:4px solid #0000;border-left-color:#67717d;width:0;height:0;transition:transform .15s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.transaction-records__row.is-open td:first-child:before{border-left-color:#c29b60;transform:translateY(-50%)rotate(90deg)}.transaction-records__number{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-align:right!important}.transaction-records__muted{color:#67717d}.transaction-records__area,.transaction-records__project{text-overflow:ellipsis;max-width:170px;overflow:hidden}.transaction-records__property{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.transaction-records__filter-link{max-width:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #9da2a7;padding:0;overflow:hidden}.transaction-records__filter-link:hover{color:#c29b60;border-bottom-color:#c29b60}.transaction-records__analyse-head{width:52px}.transaction-records__analyse-cell{text-align:right}.transaction-records__analyse{vertical-align:middle;color:#67717d;cursor:pointer;background:#fff;border:1px solid #d5d1c7;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.transaction-records__analyse:hover{color:#c29b60;background:#fcfbf8;border-color:#c29b60}.transaction-records__analyse svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.transaction-records__pill{color:#67717d;background:#eef0f3;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.transaction-records__pill.is-group-1,.transaction-records__pill.is-reg-1{color:#0e7a5f;background:#e7f2ee}.transaction-records__pill.is-group-2{color:#3f5675;background:#edf1f7}.transaction-records__pill.is-group-3,.transaction-records__pill.is-reg-0{color:#8a6d1f;background:#fbf3dc}.transaction-records__detail{background:#faf9f5}.transaction-records__detail td{white-space:normal;text-overflow:clip;padding:0;overflow:visible;border-bottom:1px solid #e4e1d8!important}.transaction-records__detail-copy{opacity:0;max-height:0;transition:max-height .28s,padding .28s,opacity .2s,transform .28s;overflow:hidden;transform:translateY(-6px)}.transaction-records__detail.is-open .transaction-records__detail-copy{opacity:1;max-height:640px;padding:16px 0;transform:translateY(0)}.transaction-records__detail-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 22px;padding:4px 22px 0;display:grid}.transaction-records__detail-grid>div{min-width:0;padding-bottom:11px}.transaction-records__detail-grid span{color:#67717d;font:10px var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;display:block}.transaction-records__detail-grid strong{color:#0f1d2e;overflow-wrap:anywhere;font-size:13.5px;font-weight:400}.transaction-records__detail-loading{color:#67717d;padding:20px 22px;font-size:13.5px;display:block}.transaction-records__empty{color:#67717d;text-align:center;margin:0;padding:44px 18px;font-size:14px}.transaction-records__pagination{color:#67717d;font:12px var(--font-mono), monospace;border-top:1px solid #e4e1d8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.transaction-records__pagination>div{flex-wrap:wrap;gap:5px;display:flex}.transaction-records__pagination button{color:#67717d;min-width:31px;font:12.5px var(--font-body), system-ui, sans-serif;cursor:pointer;background:#fff;border:1px solid #e4e1d8;border-radius:6px;padding:6px 10px}.transaction-records__pagination button:hover:not(:disabled):not(.is-active){color:#0f1d2e;border-color:#c29b60}.transaction-records__pagination button.is-active{color:#fff;background:#c29b60;border-color:#c29b60}.transaction-records__pagination button:disabled{cursor:not-allowed;opacity:.4}.transaction-records__pagination button.transaction-records__pagination-arrow{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.transaction-records__pagination-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:17px;height:17px}.transaction-records__skeleton-row td{padding:15px 12px}.transaction-records__skeleton-row span{background:linear-gradient(90deg,#ece8de 0%,#f7f5ef 48%,#ece8de 100%) 0 0/220% 100%;border-radius:999px;width:75%;height:12px;animation:1.4s ease-in-out infinite transaction-records-shimmer;display:block}@keyframes transaction-records-shimmer{to{background-position:-220% 0}}@media (max-width:900px){.transaction-records__pagination{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.transaction-records__header{padding:14px 16px}.transaction-records__mobile-sort{background:#faf9f5;border-bottom:1px solid #e4e1d8;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;display:grid}.transaction-records__mobile-sort .transaction-records__sort{color:#67717d;background:#fff;border:1px solid #e4e1d8;border-radius:6px;justify-content:center;padding:6px 8px;font-size:10.5px}.transaction-records__mobile-sort .transaction-records__sort:hover{color:#c29b60;border-color:#c29b60}.transaction-records__scroll{overflow:visible}.transaction-records table,.transaction-records tbody{min-width:0;display:block}.transaction-records thead{display:none}.transaction-records__row{border:1px solid #e4e1d8;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;margin:10px;display:grid}.transaction-records__row td{white-space:normal;text-overflow:clip;border:0;min-width:0;padding:5px 10px;overflow:visible}.transaction-records__row td:before{color:#67717d;font:10px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;content:"";margin-bottom:3px;display:block}.transaction-records__row td:first-child{grid-column:1/-1;padding-top:11px;padding-bottom:4px}.transaction-records__row td:first-child:before{color:#0000;letter-spacing:0;margin:0;font-size:0;display:block}.transaction-records__row td:nth-child(2):before{content:"Type"}.transaction-records__row td:nth-child(3):before{content:"Area"}.transaction-records__row td:nth-child(4):before{content:"Property"}.transaction-records__row td:nth-child(5):before{content:"Registration"}.transaction-records__row td:nth-child(6){color:#0f1d2e;grid-column:1/-1;padding-top:7px;font-size:16px;font-weight:600}.transaction-records__row td:nth-child(6):before{content:"Amount (AED)"}.transaction-records__row td:nth-child(7):before{content:"Price / m2"}.transaction-records__row td:nth-child(8):before{content:"Size (m2)"}.transaction-records__row td:nth-child(9):before{content:"Rooms"}.transaction-records__row td:nth-child(10):before{content:"Project"}.transaction-records__row td:nth-child(10){padding-bottom:11px}.transaction-records__row td:nth-child(11){text-align:right;grid-column:1/-1;padding-top:0}.transaction-records__row td:nth-child(11):before{display:none}.transaction-records__row .transaction-records__number{text-align:left!important}.transaction-records__area,.transaction-records__project{text-overflow:clip;overflow-wrap:anywhere;max-width:none;overflow:visible}.transaction-records__filter-link{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.transaction-records__row.is-open{border-bottom:0;border-radius:8px 8px 0 0;margin-bottom:0}.transaction-records__detail{border:0;margin:0;display:block}.transaction-records__detail.is-open{border:1px solid #e4e1d8;border-radius:0 0 8px 8px;margin:0 10px 10px}.transaction-records__detail td{width:100%;display:block}.transaction-records__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;padding:12px 10px 8px}.transaction-records__detail.is-open .transaction-records__detail-copy{max-height:1400px}.transaction-records__detail-loading{padding:14px 10px}.transaction-records__skeleton-row{border:1px solid #e4e1d8;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;margin:10px;display:grid}.transaction-records__skeleton-row td{min-width:0;padding:8px 10px;display:block;border:0!important}.transaction-records__skeleton-row td:first-child,.transaction-records__skeleton-row td:nth-child(6){grid-column:1/-1}.transaction-records__skeleton-row td span{width:100%}}
.transaction-filters{background:#fff;border:1px solid #e4e1d8;border-radius:10px;margin:26px 0 18px;padding:14px}.transaction-filters__row{border-top:1px solid #e4e1d8;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.transaction-filters__row--search{border-top:0;margin-top:0;padding-top:0}.transaction-filters__row--search.is-project-filtered{margin-top:20px}.transaction-filters__skeleton-row{border-top:1px solid #e4e1d8;flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;margin-top:12px;padding-top:12px;display:flex}.transaction-filters__skeleton-row:first-child{border-top:0;margin-top:0;padding-top:0}.transaction-filters__skeleton{background:linear-gradient(90deg,#ece8de 0%,#f7f5ef 48%,#ece8de 100%) 0 0/220% 100%;border-radius:8px;height:34px;animation:1.4s ease-in-out infinite transaction-filters-shimmer;display:block}.transaction-filters__skeleton--search{flex:1;min-width:220px}.transaction-filters__skeleton--clear{width:60px}.transaction-filters__skeleton--chips{border-radius:999px;width:190px}.transaction-filters__skeleton--select{width:150px}.transaction-filters__skeleton--date{width:480px}.transaction-filters__skeleton--amount{width:390px}@keyframes transaction-filters-shimmer{to{background-position:-220% 0}}.transaction-filters__search{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.transaction-filters__mobile-search-trigger,.transaction-filters__mobile-search-overlay{display:none}.transaction-filters__search:focus-within{z-index:6;filter:drop-shadow(0 10px 18px #0f1d2e24)}.transaction-filters__search svg{fill:none;stroke:#67717d;pointer-events:none;width:15px;height:15px;position:absolute;left:12px}.transaction-filters__search input{color:#0f1d2e;width:100%;font:14px var(--font-body), system-ui, sans-serif;background:#faf9f5;border:1px solid #e4e1d8;border-radius:8px;outline:none;padding:11px 40px 11px 34px}.transaction-filters__search input:focus,.transaction-filters select:focus,.transaction-filters input:focus{border-color:#c29b60}.transaction-filters__search-label{color:#67717d;font:10.5px var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;position:absolute;bottom:calc(100% + 5px);left:1px}.transaction-filters__search-results{z-index:5;background:#fff;border:1px solid #e4e1d8;border-radius:0 0 8px 8px;width:100%;max-height:240px;position:absolute;top:calc(100% - 1px);left:0;overflow-y:auto}.transaction-filters__search:has(.transaction-filters__search-results) input{border-radius:8px 8px 0 0}.transaction-filters__search-results p{color:#67717d;font:13px var(--font-body), system-ui, sans-serif;margin:0;padding:11px 13px}.transaction-filters__search-skeleton{border-bottom:1px solid #eeeae1;align-items:center;gap:8px;padding:10px 12px;display:flex}.transaction-filters__search-skeleton:last-child{border-bottom:0}.transaction-filters__search-skeleton-badge{background:linear-gradient(90deg,#eeeae1 25%,#f7f5ef 50%,#eeeae1 75%) 0 0/200% 100%;border-radius:4px;flex-shrink:0;width:56px;height:18px;animation:1.4s ease-in-out infinite transaction-filters-skeleton-shimmer}.transaction-filters__search-skeleton-badge--wide{width:84px}.transaction-filters__search-skeleton-text{background:linear-gradient(90deg,#eeeae1 25%,#f7f5ef 50%,#eeeae1 75%) 0 0/200% 100%;border-radius:4px;flex:1;max-width:200px;height:13px;animation:1.4s ease-in-out infinite transaction-filters-skeleton-shimmer}.transaction-filters__search-skeleton-text--short{max-width:140px}.transaction-filters__search-skeleton-text--medium{max-width:170px}@keyframes transaction-filters-skeleton-shimmer{to{background-position:-200% 0}}.transaction-filters__search-results button{color:#0f1d2e;width:100%;font:13px var(--font-body), system-ui, sans-serif;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eeeae1;align-items:center;gap:8px;padding:10px 12px;display:flex}.transaction-filters__search-results button:last-child{border-bottom:0}.transaction-filters__search-results button:hover{background:#faf4e9}.transaction-filters__search-results button span{font:10px var(--font-mono), monospace;letter-spacing:.04em;border:0;flex:none;position:static}.transaction-filters__badge{font:600 10px var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.transaction-filters__badge--building{color:#0a5e44;background:#d1ece2}.transaction-filters__badge--project{color:#2c4aa8;background:#d4dff5}.transaction-filters__badge--master_project{color:#8a6230;background:#fbe9cc}.transaction-filters__clear{color:#67717d;font:13px var(--font-body), system-ui, sans-serif;cursor:pointer;background:#fff;border:1px solid #e4e1d8;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.transaction-filters__clear svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:14px;height:14px}.transaction-filters__clear:hover{color:#a94032;background:#fff4f2;border-color:#c75d4d}.transaction-filters__group,.transaction-filters__date,.transaction-filters__amount,.transaction-filters__chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.transaction-filters__group{gap:8px}.transaction-filters__group>label{color:#67717d;font:10.5px var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.transaction-filters__chips button,.transaction-filters__date button{color:#67717d;font:12.5px var(--font-body), system-ui, sans-serif;cursor:pointer;background:0 0;border:1px solid #e4e1d8;border-radius:999px;padding:6px 13px}.transaction-filters__chips button:hover,.transaction-filters__chips button.is-active,.transaction-filters__date button:hover,.transaction-filters__date button.is-active{color:#c29b60;border-color:#c29b60}.transaction-filters__divider{background:#e4e1d8;align-self:stretch;width:1px;margin:0 2px}.transaction-filters__selects{flex:1 0 100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.transaction-filters select,.transaction-filters__date input,.transaction-filters__amount input{color:#0f1d2e;font:13px var(--font-body), system-ui, sans-serif;background:#fff;border:1px solid #e4e1d8;border-radius:7px;outline:none;padding:8px 10px}.transaction-filters__date-input{position:relative}.transaction-filters__date-input button{color:#0f1d2e;width:184px;font:12.5px var(--font-mono), monospace;cursor:pointer;background:#fff;border:1px solid #e4e1d8;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;display:inline-flex}.transaction-filters__date-input button:hover,.transaction-filters__date-input button:focus-visible{border-color:#c29b60;outline:0}.transaction-filters__date-input svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px}.transaction-filters__date-input>input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.transaction-filters select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%230f1d2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:14px;width:100%;min-width:140px;padding-right:32px}.transaction-filters select:hover{border-color:#c29b60}.transaction-filters__date input,.transaction-filters__amount input{font-family:var(--font-mono), monospace;font-size:12.5px}.transaction-filters__amount input{width:187px}.transaction-filters__date em,.transaction-filters__amount em{color:#67717d;font-size:12px;font-style:normal}@media (max-width:900px){.transaction-filters__skeleton--date,.transaction-filters__skeleton--amount{width:100%}.transaction-filters__divider{display:none}.transaction-filters__row{flex-direction:column;align-items:stretch;gap:12px}.transaction-filters__row--search{flex-direction:row}.transaction-filters__search{flex:1;min-width:0}.transaction-filters__row--search .transaction-filters__clear{flex:none}.transaction-filters__group{flex-direction:column;align-items:flex-start;gap:7px;width:100%}.transaction-filters__selects{flex-wrap:wrap;gap:8px;width:100%;display:flex}.transaction-filters select{flex:calc(50% - 4px);min-width:0}.transaction-filters__date,.transaction-filters__amount{width:100%}.transaction-filters__amount input{flex:1;min-width:0}.transaction-filters__date input{flex:calc(50% - 18px);min-width:0}.transaction-filters__date-input{flex:calc(50% - 18px)}.transaction-filters__date-input button{width:100%}}@media (max-width:640px){.transaction-filters{scroll-margin-top:76px}.transaction-filters__row--search .transaction-filters__search{display:none}.transaction-filters__mobile-search-trigger{color:#67717d;min-width:0;font:14px var(--font-body), system-ui, sans-serif;text-align:left;cursor:pointer;background:#faf9f5;border:1px solid #e4e1d8;border-radius:8px;flex:1;align-items:center;gap:9px;padding:11px 12px;display:flex;overflow:hidden}.transaction-filters__mobile-search-trigger svg{fill:none;stroke:currentColor;flex:none;width:15px;height:15px}.transaction-filters__mobile-search-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-filters__mobile-search-overlay{z-index:50;background:#fff;animation:.18s ease-out both transaction-mobile-search-overlay-in;display:block;position:fixed;inset:0}.transaction-filters__mobile-search-overlay.is-closing{pointer-events:none;animation:.18s ease-in both transaction-mobile-search-overlay-out}.transaction-filters__mobile-search-bar{padding:max(16px, env(safe-area-inset-top)) 16px 12px;align-items:center;gap:12px;display:flex}.transaction-filters__search--mobile{flex:1;min-width:0;animation:.28s cubic-bezier(.2,.8,.2,1) both transaction-mobile-search-input-in}.transaction-filters__search--mobile:focus-within{z-index:auto;filter:none}.transaction-filters__mobile-search-overlay.is-closing .transaction-filters__search--mobile{animation:.18s ease-in both transaction-mobile-search-input-out}.transaction-filters__search--mobile input{font-size:16px}.transaction-filters__mobile-search-reset{color:#5f6873;cursor:pointer;background:#d9dce0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;right:10px}.transaction-filters__mobile-search-reset svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:13px;height:13px;position:static}.transaction-filters__mobile-search-overlay>.transaction-filters__search-results{border-width:1px 0 0;border-radius:0;width:100%;max-height:none;position:fixed;top:76px;bottom:0;left:0}.transaction-filters__mobile-search-overlay>.transaction-filters__search-results button,.transaction-filters__mobile-search-overlay>.transaction-filters__search-results p{padding:15px 16px;font-size:15px}.transaction-filters__mobile-search-cancel{color:#a77635;font:600 14px var(--font-body), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;flex:none;padding:8px 0}}@keyframes transaction-mobile-search-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes transaction-mobile-search-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes transaction-mobile-search-input-in{0%{transform-origin:0;transform:translateY(34px)scaleX(.65)}to{transform:translateY(0)scaleX(1)}}@keyframes transaction-mobile-search-input-out{0%{transform:translateY(0)scaleX(1)}to{transform-origin:0;transform:translateY(20px)scaleX(.75)}}@media (prefers-reduced-motion:reduce){.transaction-filters__mobile-search-overlay,.transaction-filters__search--mobile,.transaction-filters__mobile-search-overlay.is-closing .transaction-filters__search--mobile{animation:none}}
.transactions-page{background:#faf9f5;flex:1;padding:56px 0 96px}.transactions-page__content{max-width:1400px;margin:0 auto;padding:0 24px}.transactions-page__eyebrow{color:#c29b60;font:12px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.transactions-page h1{color:#0f1d2e;font:300 clamp(26px, 3vw, 34px)/1.2 var(--font-display), Georgia, serif;margin:0 0 10px}.transactions-page__content>p:not(.transactions-page__eyebrow){color:#67717d;max-width:64ch;margin:0;font-size:15.5px}
