*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:Roboto,Helvetica,Arial,sans-serif}.contacts-table{border-collapse:collapse;background-color:#fff;border-radius:4px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.contacts-table th{text-align:left;color:#555;z-index:10;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:12px 16px;font-weight:500;position:sticky;top:0}.contacts-table td{vertical-align:middle;border-bottom:1px solid #e0e0e0;padding:12px 16px}.contacts-table tr:last-child td{border-bottom:none}.contacts-table tr:hover{background-color:#0000000a}.contact-detail-overlay{z-index:1000;background-color:#fff;width:40%;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 10px #0000001a}.contact-detail-overlay.open{transform:translate(0)}.contact-detail-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.contact-detail-content{padding:20px}.contact-detail-section{margin-bottom:20px}.contact-detail-section h3{color:#555;margin-bottom:10px;font-weight:500}.form-group{margin-bottom:16px}.form-group label{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-control{border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:#1976d2;outline:none}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}