.contacts-page{padding:28px;min-height:100%;background:#f7f9f7}.contacts-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contacts-head h1{font:700 24px Manrope;margin:0;color:var(--ink)}.contacts-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.contacts-head>div:last-child{display:flex;gap:9px}.contacts-head button{min-height:38px}.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.contacts-toolbar label{display:flex;align-items:center;gap:8px;width:min(380px,100%);padding:0 12px;border:1px solid var(--line);border-radius:9px;background:white}.contacts-toolbar input{width:100%;height:38px;border:0;outline:0;font:500 11px DM Sans}.contacts-toolbar>span{font-size:10px;color:var(--muted)}.contacts-table{background:white;border:1px solid var(--line);border-radius:12px;overflow:auto}.contacts-table table{width:100%;border-collapse:collapse;min-width:880px}.contacts-table th{padding:13px;text-align:left;font-size:9px;color:var(--muted);background:#fafbfa}.contacts-table td{padding:13px;border-top:1px solid var(--line);font-size:11px;color:var(--ink)}.contacts-table td:first-child strong,.contacts-table td:first-child small{display:block}.contacts-table td:first-child small{font-size:9px;color:var(--muted);margin-top:3px}.contact-source,.contact-tags span{display:inline-block;padding:4px 7px;border-radius:12px;background:#edf7f2;color:var(--green-dark);font-size:8px}.contact-source.manual{background:#f0effb;color:#6755aa}.contact-tags{display:flex;gap:4px;flex-wrap:wrap}.contact-tags span{background:#fff0e8;color:#ba6842}.contact-actions{display:flex;justify-content:flex-end;gap:4px}.contact-actions button{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:15px}.contacts-empty{text-align:center;padding:70px 20px;background:white;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.contacts-empty>span{font-size:35px;color:var(--green)}.contacts-empty h2{font:700 16px Manrope;color:var(--ink);margin:10px 0 5px}.contacts-empty p{font-size:11px}.contact-modal .modal{max-width:460px}.contact-modal .field small{font-size:9px;color:var(--muted)}@media(max-width:720px){.contacts-page{padding:16px}.contacts-head{align-items:flex-start;gap:14px;flex-direction:column}.contacts-head>div:last-child{width:100%}.contacts-head button{flex:1}.contacts-toolbar{gap:10px}.contacts-toolbar label{width:100%}}