body.contacts-mode{background:#f1f3f5;color:#293c4c}body.contacts-mode .side{background:#edf0f2;border-color:#d9e0e6}body.contacts-mode .nav div{color:#526577}body.contacts-mode .nav .on{background:#218ee5;color:white}body.contacts-mode .main{padding:16px}#customersPage{background:white;padding:12px 10px;min-height:calc(100vh - 32px);box-sizing:border-box;border-radius:10px;color:#253747;display:flex;flex-direction:column}.contacts-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dfe5eb;padding-bottom:8px;flex-wrap:wrap}.contacts-header h1{font-size:23px;font-weight:500;margin:0;color:#3d6d91}.contacts-tabs{display:flex;gap:0;flex:1}.contacts-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#546b7d;padding:13px 16px;cursor:pointer;font-size:13px}.contacts-tabs button[aria-selected=true]{border-bottom-color:#1685da;color:#1677bd}.contacts-actions{display:flex;gap:8px}.contacts-actions .btn,#customersPage .toolbar .btn{font-size:12px;padding:7px 12px}#customersPage .btn.secondary{color:#426783;background:#f8fbfe;border:1px solid #d5e1eb}#customersPage .toolbar{margin:9px 0;gap:8px;align-items:center}#customersPage .toolbar input,#customersPage .toolbar select{background:#f8fbfe;color:#426783;border:1px solid #d8e4ef;border-radius:12px;padding:7px 10px;font-size:12px;width:160px;box-sizing:border-box;margin:0}#customersPage #customerSearch{width:230px}#customerStatus{font-size:12px;color:#688196;margin:0 0 7px}#customerStatus:empty{display:none}#customerList{overflow:auto;flex:1;border:1px solid #dce4eb;max-height:calc(100vh - 190px);min-height:350px}.contacts-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;table-layout:auto}.contacts-table th{position:sticky;top:0;z-index:1;background:#f4f6f8;color:#7b8893;font-weight:650;padding:10px 8px;white-space:nowrap}.contacts-table td{border-top:1px solid #e5eaf0;padding:6px 8px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-table tbody tr{cursor:pointer}.contacts-table tbody tr:nth-child(even){background:#f5f7f9}.contacts-table tbody tr:hover{background:#eaf4ff}.contacts-table tbody tr:focus-visible{outline:2px solid #1685da;outline-offset:-2px}.contacts-money{font-weight:700}#contactsCount{font-size:12px;border-top:1px solid #d8e2eb;padding:10px 4px}#locationDialog,#contactsSettingsDialog,#customerDialog{color:#293c4c;background:white;border:1px solid #dbe3eb;border-radius:12px;max-width:92vw}#customerDialog input,#customerDialog select,#locationDialog input,#locationDialog select,#locationDialog textarea{background:#f8fbfe;color:#293c4c;border:1px solid #b9cbd9}#customerDialog label,#locationDialog label{color:#4f6a7e;font-size:13px}#customerDialog h2,#locationDialog h2{font-size:20px}.location-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#locationDialog{width:700px}#locationDialog label{display:flex;flex-direction:column;gap:6px}#locationDialog input,#locationDialog select,#locationDialog textarea{box-sizing:border-box;width:100%;padding:9px;border-radius:6px;margin:0}#locationDialog textarea{min-height:80px}#locationMessage{font-size:12px;color:#628098}#contactsColumnOptions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}#contactsColumnOptions label{display:flex;gap:8px;align-items:center}#contactsColumnOptions input{width:16px;accent-color:#1685da;margin:0}.saved-location-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #d6e5f0;background:#f1f8ff;color:#3f6078;padding:10px;border-radius:8px;margin:8px 0}.saved-location-picker label{font-size:12px;flex:1;min-width:180px}.saved-location-picker select{display:block;background:white!important;color:#2f526e!important;border:1px solid #abc4d6;width:100%;padding:7px;border-radius:5px;box-sizing:border-box;margin:4px 0 0}.saved-location-picker .btn.secondary{background:white;color:#38617f;border:1px solid #bed2e2;font-size:12px}.saved-location-message{font-size:11px;flex-basis:100%;overflow-wrap:anywhere}.saved-location-message:empty{display:none}#customersPage [hidden]{display:none!important}@media(max-width:750px){.contacts-header{gap:5px}.contacts-tabs{flex-basis:100%}.contacts-actions{margin-left:auto}.location-form-grid{grid-template-columns:1fr}#customersPage .toolbar input{flex:1;min-width:130px}#customerList{max-height:65vh}.contacts-header h1{font-size:20px}}