.clients-page{color:#292929}.clients-page>h2{font-size:28px;font-weight:700;margin:0 0 30px}.client-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px}.client-summary-card{border:1px solid #e0e5ef;border-radius:14px;background:#fff;box-shadow:0 1px 3px #233a7010;display:flex;align-items:center;text-align:left;padding:18px;gap:15px;min-height:106px;color:#484848}.client-summary-card.selected{background:#cfe7f8;border:2px solid #0667dc;padding:17px}.client-summary-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:15px;background:#dceefc;flex:none}.client-summary-icon .icon{width:35px;height:35px;stroke-width:2.3}.client-summary-icon.sold{color:#208c40}.client-summary-icon.not_sold{color:#359eee}.client-summary-icon.cancelled{color:#df1515}.client-summary-card small{display:block;font-size:14px;font-weight:500;color:#8693aa;letter-spacing:.25px}.client-summary-card strong{font-size:40px;font-weight:700;line-height:1.1;display:block;margin-top:3px}.client-search-row{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:42px}.client-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:16px;color:#292929}.client-field>span{font-size:14px;color:#8390a7;font-weight:400}.client-field input,.client-field select,.client-field textarea{background:#fff;color:#292929;border:1px solid #e0e3eb;border-radius:11px;width:100%;min-width:0;padding:17px 16px;min-height:62px;outline-offset:2px;font-size:18px;font-weight:400}.client-field input::placeholder{color:#a2a2a2}.client-field select{font-size:16px;cursor:pointer}.client-search{width:360px}.client-search>div{position:relative}.client-search .icon{position:absolute;top:21px;left:17px;width:20px;height:20px;color:#777}.client-search input{padding-left:47px}.client-csv-actions{display:flex;gap:14px}.btn.client-outline{background:transparent;color:#273c82;border:1px solid #8b99c2;box-shadow:none;border-radius:15px;white-space:nowrap;padding:14px 18px;min-height:50px;font-weight:500}.client-outline .icon{width:19px;height:19px}.client-filter-row{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:36px}.client-filter-row .client-field{flex:0 1 192px}.client-filter-row .client-field:first-child{flex-basis:158px}.client-filter-row .client-field:nth-child(n+4){flex-basis:246px}.client-filter-row>.btn{font-size:14px;min-height:44px}.client-table-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 14px #13244704;padding-top:35px;overflow:hidden}.client-table-scroll{overflow-x:auto}.client-table{border-collapse:collapse;width:100%;text-align:left;table-layout:auto;font-size:16px}.client-table th{background:#f7f7fa;color:#292929;font-weight:700;font-size:18px;height:64px;white-space:nowrap;padding:18px}.client-table td{height:83px;padding:20px 18px;border-bottom:1px solid #fafafa;vertical-align:middle}.client-table td:first-child{min-width:160px}.client-table th:last-child,.client-table td:last-child{text-align:center;width:100px}.client-table tr:hover td{background:#fcfdff}.client-phone{white-space:nowrap}.client-person{display:flex;gap:10px;align-items:center;white-space:nowrap}.client-person>.avatar{width:33px;height:33px;background:#c9d5f2;color:#fff;font-size:13px;font-weight:400;flex:none}.client-badge{display:inline-block;background:#ececec;color:#292929;font-size:14px;font-weight:400;border-radius:9px;padding:5px 10px;white-space:nowrap;line-height:1.25}.client-badge.sold{background:#12c55c;color:#072c17}.client-badge.not_sold{background:#f47700;color:#fff}.client-eye{display:inline-flex;align-items:center;justify-content:center;background:none;color:#293f87;border:0;border-radius:7px;width:42px;height:42px;padding:6px}.client-eye:hover{background:#edf2fc}.client-table-footer{padding:18px;color:#8490a8;font-size:14px}.client-empty{text-align:center;padding:42px 20px;color:#8591a6}.client-empty strong{color:#293f87}.client-muted{color:#8390a8}.client-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:505px;max-width:100vw;border:0;border-radius:0;padding:0;background:#fff;color:#292929;box-shadow:-3px 0 20px #0001;overflow-y:auto;overscroll-behavior:contain}.client-drawer::backdrop{background:#0008}.client-drawer[open]{animation:client-slide .18s ease-out}body:has(.client-drawer[open]){overflow:hidden}.client-drawer-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 26px;border-bottom:1px solid #e0e3ea;background:#fff;min-height:68px}.client-drawer-header h2{font-size:23px;font-weight:500;color:#292929;margin:0}.client-close{background:none;border:0;color:#777;padding:6px;display:grid;place-items:center;width:36px;height:36px}.client-drawer-body{padding:0 27px 35px;font-size:16px;line-height:1.45}.client-identity{padding:27px 0}.client-identity h3{font-size:28px;line-height:1.2;font-weight:700;margin:0 0 3px}.client-identity p{color:#8390a8;margin:0;overflow-wrap:anywhere}.client-section{padding:27px 0;border-top:1px solid #e0e3ea}.client-section h4{font-size:16px;font-weight:400;color:#8390a8;margin:0 0 8px;line-height:1.4}.client-section p{margin:4px 0;overflow-wrap:anywhere}.client-latest{display:flex;align-items:flex-start;gap:9px;color:#8390a8;margin-bottom:4px}.client-latest .client-badge{flex:none;margin-top:3px}.client-sale{color:#293f87;padding-top:8px}.client-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-metrics>div{border:1px solid #e0e3ea;border-radius:12px;min-height:103px;padding:19px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.client-metrics strong{font-size:24px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-align:center}.client-metrics span{font-size:14px;color:#8390a8}.client-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.client-section-heading h4{margin:0}.btn.client-followup-button{font-size:14px;min-height:41px;padding:10px 11px;border-radius:13px;gap:7px;white-space:nowrap}.client-followup-button .icon{width:18px;height:18px}.client-visit-history article,.client-contact-history article{border:1px solid #e0e3ea;border-radius:12px;margin:8px 0 12px;padding:18px;color:#8390a8}.client-visit-history article{border-left:5px solid #ececec}.client-visit-history article.sold{border-left-color:#12c55c}.client-visit-history article.not_sold{border-left-color:#f47700}.client-visit-history article>div,.client-contact-history article>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.client-visit-history time,.client-contact-history time{font-size:13px;white-space:nowrap}.client-contact-history article>div{flex-wrap:wrap}.client-contact-history b{font-size:14px;color:#34466c}.client-contact-history p{white-space:pre-wrap}.client-contact-history small{font-size:13px}.client-next{color:#293f87}.client-section form{padding:16px;background:#f7f9fc;border:1px solid #e0e3ea;border-radius:10px;margin-bottom:18px}.client-section form h3{margin:0 0 14px;font-size:18px;color:#293f87}.client-section form .client-field{margin-bottom:14px}.client-section form input,.client-section form select,.client-section form textarea{min-height:43px;font-size:16px;padding:10px}.client-section form textarea{min-height:110px;resize:vertical}.client-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.client-form-actions .btn{font-size:14px;padding:10px;min-height:40px}#client-import-error{color:#c32626;font-size:14px}
@keyframes client-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1800px){body:has(.clients-page) .web-sidebar,body:has(.clients-page) .web-brand{width:334px}body:has(.clients-page) .web-main{margin-left:334px}.client-filter-row{flex-wrap:nowrap}}
@media(max-width:1200px){.client-summary{gap:12px}.client-summary-card{padding:15px;gap:12px}.client-summary-card.selected{padding:14px}.client-summary-icon{width:52px;height:56px}.client-summary-card strong{font-size:34px}.client-summary-card small{font-size:14px}.client-search-row{flex-wrap:wrap}.client-filter-row{gap:14px}.client-filter-row .client-field{flex:1 1 150px}.client-table{min-width:920px}}
@media(max-width:650px){.clients-page>h2{font-size:25px;margin-bottom:20px}.client-summary{grid-template-columns:1fr;gap:10px;margin-bottom:23px}.client-summary-card{min-height:82px;padding:12px 16px}.client-summary-card.selected{padding:11px 15px}.client-summary-icon{width:52px;height:52px}.client-summary-card strong{font-size:30px}.client-search-row{gap:18px;margin-bottom:24px}.client-search{width:100%}.client-csv-actions{width:100%;gap:10px}.btn.client-outline{flex:1;font-size:14px;padding:12px}.client-filter-row .client-field,.client-filter-row .client-field:first-child,.client-filter-row .client-field:nth-child(n+4){flex:1 1 145px}.client-field input,.client-field select{font-size:16px;min-height:50px;padding:12px}.client-search input{padding-left:42px}.client-search .icon{top:16px}.client-drawer{width:min(505px,100vw)}.client-drawer-header{padding:14px 18px}.client-drawer-body{padding:0 18px 25px}.client-section-heading{flex-wrap:wrap}.client-metrics{gap:10px}.client-metrics strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.client-drawer[open]{animation:none}}