[data-v-23f93dc1] .pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}[data-v-23f93dc1] .page-item{list-style:none}[data-v-23f93dc1] .page-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:32px;height:32px;padding:6px 10px;border:none;border-radius:6px;background-color:#fff;color:#787878;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}[data-v-23f93dc1] .page-link:hover{background-color:#f0f0f0;color:#006c6b}[data-v-23f93dc1] .page-item.active .page-link{background-color:#006c6b;color:#fff;font-weight:600;-webkit-box-shadow:0 2px 6px rgba(0,108,107,.3);box-shadow:0 2px 6px rgba(0,108,107,.3)}[data-v-23f93dc1] .page-item.disabled .page-link{background-color:#f5f5f5;color:#ccc;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}[data-v-23f93dc1] .page-item.disabled .page-link:hover{background-color:#f5f5f5;color:#ccc}[data-v-23f93dc1] .page-item:first-child .page-link,[data-v-23f93dc1] .page-item:last-child .page-link{font-weight:600;color:#006c6b}[data-v-23f93dc1] .page-item:first-child .page-link:hover,[data-v-23f93dc1] .page-item:last-child .page-link:hover{background-color:#e7f6f6}@media (max-width:768px){[data-v-23f93dc1] .page-link{min-width:28px;height:28px;padding:4px 8px;font-size:12px}[data-v-23f93dc1] .pagination{gap:8px}}.contact-card[data-v-11f3df0e]{background-color:#fff;border:1px solid #e0e0e0;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;border-radius:10px;padding:15px 20px;margin-bottom:12px}.contact-card[data-v-11f3df0e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.unread[data-v-11f3df0e]{background-color:#fff}.unread .company-name[data-v-11f3df0e],.unread .date[data-v-11f3df0e],.unread .sender-name[data-v-11f3df0e],.unread .subject[data-v-11f3df0e]{font-weight:700}.read[data-v-11f3df0e]{background-color:#fff}.read .company-name[data-v-11f3df0e],.read .date[data-v-11f3df0e],.read .sender-name[data-v-11f3df0e],.read .subject[data-v-11f3df0e]{font-weight:400}.desktop-layout[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-layout[data-v-11f3df0e]{display:none}.row-1[data-v-11f3df0e],.row-2[data-v-11f3df0e]{margin-bottom:8px}.row-3[data-v-11f3df0e]{margin-top:0}.company-name[data-v-11f3df0e]{font-weight:600;font-size:18px;color:#2f2e41}.unread .company-name[data-v-11f3df0e]{font-weight:700}.read .company-name[data-v-11f3df0e]{font-weight:400}.sender-name[data-v-11f3df0e]{font-size:14px;color:#2f2e41;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.date-response-container[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-negative:0;flex-shrink:0;min-width:200px}.date[data-v-11f3df0e]{font-size:14px;color:#2f2e41;white-space:nowrap;font-weight:700;text-align:center;width:100%}.user-response-badge[data-v-11f3df0e]{min-width:150px;height:30px;font-weight:700;text-align:center;font-size:12px;padding:5px 15px;border-radius:20px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#e5e7eb;border:1px solid #e0e7ff}.user-response-badge.unreplied[data-v-11f3df0e]{color:#483aca}.user-response-badge.replied[data-v-11f3df0e]{color:#515c6b}.file-upload-text[data-v-11f3df0e]{font-size:12px;color:#dd2a29;cursor:pointer;margin-top:4px;white-space:nowrap;text-decoration:none!important;text-align:center;width:100%}.file-upload-text[data-v-11f3df0e]:hover{opacity:.8}.subject[data-v-11f3df0e]{font-size:14px;color:#2f2e41;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.contact-card[data-v-11f3df0e]{padding:15px 16px;border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274);box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.desktop-layout[data-v-11f3df0e]{display:none}.mobile-layout[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.mobile-row-1[data-v-11f3df0e],.mobile-row-2[data-v-11f3df0e],.mobile-row-3[data-v-11f3df0e],.mobile-row-4[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-row-1[data-v-11f3df0e],.mobile-row-2[data-v-11f3df0e]{-ms-flex-negative:0;flex-shrink:0}.mobile-row-3[data-v-11f3df0e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.mobile-row-4[data-v-11f3df0e]{-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.mobile-date-response-wrapper[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.mobile-layout .company-name[data-v-11f3df0e]{font-size:16px;font-weight:600;color:#2f2e41}.unread .mobile-layout .company-name[data-v-11f3df0e]{font-weight:700}.read .mobile-layout .company-name[data-v-11f3df0e]{font-weight:400}.mobile-layout .sender-name[data-v-11f3df0e]{font-size:14px;color:#2f2e41}.mobile-layout .date[data-v-11f3df0e]{font-size:12px;color:#2f2e41;font-weight:700}.unread .mobile-layout .company-name[data-v-11f3df0e],.unread .mobile-layout .date[data-v-11f3df0e],.unread .mobile-layout .sender-name[data-v-11f3df0e],.unread .mobile-layout .subject[data-v-11f3df0e]{font-weight:700}.read .mobile-layout .company-name[data-v-11f3df0e],.read .mobile-layout .date[data-v-11f3df0e],.read .mobile-layout .sender-name[data-v-11f3df0e],.read .mobile-layout .subject[data-v-11f3df0e]{font-weight:400}.mobile-layout .user-response-badge[data-v-11f3df0e]{font-size:10px;height:26px;padding:5px 70px;border-radius:15px}.mobile-layout .file-upload-text[data-v-11f3df0e]{font-size:10px;margin-top:0;text-align:right;width:100%}.mobile-layout .subject[data-v-11f3df0e]{font-size:14px;color:#2f2e41}}@media (min-width:768px){.contact-card[data-v-11f3df0e]{border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274);box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.desktop-layout[data-v-11f3df0e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-layout[data-v-11f3df0e]{display:none}.date-response-container[data-v-11f3df0e]{gap:10px}}.contact-detail[data-v-03dd9b3a]{width:100%}.contact-list-container[data-v-03dd9b3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}.empty-message[data-v-03dd9b3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:47px;padding:28px 20px;margin:20px auto 0;border-radius:10px;color:#787878;font-size:16px;text-align:center;max-width:887px;background:#fff}.empty-message p[data-v-03dd9b3a]{margin:0}@media (max-width:768px){.empty-message[data-v-03dd9b3a]{margin:110px auto 0;max-width:346px;padding:28px 20px}.empty-message p[data-v-03dd9b3a]{font-size:12px}}.pagination-area[data-v-03dd9b3a]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#e7f6f6;padding:20px 0}@media(max-width:550px){.contact-detail[data-v-03dd9b3a]{padding:0!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.contact-detail[data-v-03dd9b3a]{padding:0}}