.compose-container[data-v-978aa456]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border-radius:10px;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.compose-container i[data-v-978aa456]{font-size:18px;margin-right:8px;color:#007bff}.compose-container .btn-compose[data-v-978aa456]{text-decoration:none;font-size:16px;color:#007bff}.compose-container[data-v-978aa456]:hover{background-color:#e9ecef}.compose-container:hover .btn-compose[data-v-978aa456],.compose-container:hover i[data-v-978aa456]{color:#0056b3}aside .sm-side{width:180px;background-color:#fff;border-right:1px solid #e0e0e0;height:80vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.user-head,aside .sm-side{display:-webkit-box;display:-ms-flexbox;display:flex}.user-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;background-color:#f0f4f8;color:#333;border-bottom:1px solid #e0e0e0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.user-head img{width:50px;height:50px;border-radius:50%;margin-right:15px;border:2px solid #007bff}.user-name h5{margin:0;font-size:16px;font-weight:500;color:#007bff}.user-name .email-address{font-size:14px;color:#6c757d}.compose-wrapper{padding:10px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;text-align:left}.compose-wrapper button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;font-size:14px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.compose-wrapper button:hover{background-color:#0056b3}.inbox-nav{list-style:none;padding:0;margin:0}.inbox-nav li{border-bottom:1px solid #f0f0f0;margin-bottom:5px;padding:4px 0}.inbox-nav li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;color:#333;text-decoration:none;font-size:12px;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;font-weight:500}.inbox-nav li.active a,.inbox-nav li a:hover{background-color:#007bff;color:#fff}.inbox-nav li a i{margin-right:8px;font-size:12px;color:#6c757d}.inbox-nav li.active a i,.inbox-nav li a:hover i{color:#fff}.inbox-nav li a .label{margin-left:auto;font-size:12px;border-radius:12px;padding:2px 6px}.label-danger{background-color:#dc3545;color:#fff}.label-default{background-color:#6c757d;color:#fff}.label-warning{background-color:#ffc107;color:#fff}@media (max-width:768px){aside.sm-side{width:100%;height:auto}.user-head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.user-head img{margin-bottom:10px}.inbox-nav li a{font-size:14px}}.table-inbox[data-v-949235be]{width:100%;border-collapse:collapse;margin-top:10px;background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.table-inbox td[data-v-949235be],.table-inbox th[data-v-949235be]{padding:8px 10px;text-align:left;vertical-align:middle}.table-inbox tbody tr[data-v-949235be]{-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer}.table-inbox tbody tr[data-v-949235be]:hover{background-color:#f9f9f9}.table-inbox tbody tr.unread[data-v-949235be]{font-weight:600;background-color:#f3f8fc}.table-inbox tbody td[data-v-949235be]:first-child,.table-inbox tbody td[data-v-949235be]:nth-child(2){width:3%;text-align:center}.table-inbox tbody td[data-v-949235be]:nth-child(3){padding-left:10px}.table-inbox tbody td[data-v-949235be]:nth-child(5){width:3%;text-align:center}.table-inbox tbody td.text-right[data-v-949235be]{width:15%;text-align:right;font-size:.9em;color:#888}.fa-star[data-v-949235be]{color:#ccc;-webkit-transition:color .3s;transition:color .3s;font-size:1em}.fa-star.important[data-v-949235be]{color:#fc0}.fa-paperclip[data-v-949235be]{font-size:1 em;color:#555}p[data-v-949235be]{text-align:center;font-size:1.1em;color:#666;margin-top:20px}@media (max-width:768px){.table-inbox td[data-v-949235be],.table-inbox th[data-v-949235be]{padding:8px 6px;font-size:.9em}.table-inbox tbody td.text-right[data-v-949235be]{font-size:.8em}p[data-v-949235be]{font-size:1em}}.header[data-v-1c32ca43]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px}.header[data-v-1c32ca43],.pagination[data-v-1c32ca43]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination[data-v-1c32ca43]{gap:10px;font-size:14px}button[data-v-1c32ca43]{padding:5px 10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:5px}button[data-v-1c32ca43]:disabled{background-color:#ccc;cursor:not-allowed}.header[data-v-08d40a44]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px}.header[data-v-08d40a44],.pagination[data-v-08d40a44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination[data-v-08d40a44]{gap:10px;font-size:14px}button[data-v-08d40a44]{padding:5px 10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:5px}button[data-v-08d40a44]:disabled{background-color:#ccc;cursor:not-allowed}.inbox-body[data-v-5beb509d]{padding:20px;background-color:#f9f9f9;border-radius:8px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif;max-height:80vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e2e5e9 #f9f9f9}.mail-option[data-v-5beb509d]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;position:sticky;top:0;z-index:10}.email-details[data-v-5beb509d]{gap:10px;margin-bottom:20px}.email-details[data-v-5beb509d],.sender-circle[data-v-5beb509d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sender-circle[data-v-5beb509d]{width:40px;height:40px;border-radius:50%;background-color:#007bff;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;position:relative}.email-info[data-v-5beb509d]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.subject[data-v-5beb509d]{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.time[data-v-5beb509d]{font-size:14px;color:grey;text-align:right}.message[data-v-5beb509d]{padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:20px;white-space:normal;word-wrap:break-word}.attachments[data-v-5beb509d]{margin-top:20px}.attachments h4[data-v-5beb509d]{font-size:16px;margin-bottom:10px}.attachments ul[data-v-5beb509d]{list-style:none;padding:0;margin:0}.attachments li[data-v-5beb509d]{font-size:14px;margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachments li i[data-v-5beb509d]{margin-right:8px;color:#6c757d}@media (max-width:768px){.mail-option[data-v-5beb509d]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.attachments ul[data-v-5beb509d],.message[data-v-5beb509d]{font-size:14px}.subject[data-v-5beb509d]{max-width:50%}}.margin-right[data-v-4cce88c4]{margin-right:1em}.mail-head[data-v-4cce88c4]{width:100%;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#f8f9fa;border:1px solid #ccc}.float-right[data-v-4cce88c4]{float:right}.mail-box[data-v-4cce88c4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:90vh;border:1px solid #ccc;overflow:hidden;background-color:#f8f9fa;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mail-box .sm-side[data-v-4cce88c4],.mail-box aside[data-v-4cce88c4]{width:22%;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;background:#e5e8ef;border-right:1px solid #ccc;padding:10px}.mail-box .lg-side[data-v-4cce88c4]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:20px}.mail-box .lg-side[data-v-4cce88c4],.mail-box aside[data-v-4cce88c4]{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-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.mail-box .lg-side .header[data-v-4cce88c4],.mail-box aside .header[data-v-4cce88c4]{padding:10px;font-size:18px;font-weight:700;color:#333;border-bottom:1px solid #ddd}.mail-box .lg-side .content[data-v-4cce88c4],.mail-box aside ul[data-v-4cce88c4]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.mail-box aside ul[data-v-4cce88c4]{list-style:none;padding:0;margin:0}.mail-box aside ul li[data-v-4cce88c4]{padding:10px;border-bottom:1px solid #ddd;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.mail-box aside ul li[data-v-4cce88c4]:hover{background-color:#d4dae0}.mail-box .lg-side .content[data-v-4cce88c4]{padding:20px;background-color:#fff;border-radius:0 8px 8px 0}#customers[data-v-4cce88c4]{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}#customers td[data-v-4cce88c4],#customers th[data-v-4cce88c4]{border:1px solid #ddd;padding:8px}#customers tr[data-v-4cce88c4]:nth-child(2n){background-color:#f2f2f2}#customers tr[data-v-4cce88c4]:hover{background-color:#ddd}#customers th[data-v-4cce88c4]{padding-top:12px;padding-bottom:12px;text-align:left}.auth-container[data-v-4cce88c4]{max-width:1200px;margin:50px auto;padding:20px;background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);text-align:center}.auth-title[data-v-4cce88c4]{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.auth-message[data-v-4cce88c4]{font-size:16px;color:#555;margin-bottom:20px}.highlight[data-v-4cce88c4]{font-weight:700;color:#007bff}.auth-actions[data-v-4cce88c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.auth-btn[data-v-4cce88c4]{width:25%;padding:12px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin:auto}.gmail-btn[data-v-4cce88c4]{background:#ea4335;color:#fff}.gmail-btn[data-v-4cce88c4]:hover{background:#c1351d}.outlook-btn[data-v-4cce88c4]{background:#0078d4;color:#fff}.outlook-btn[data-v-4cce88c4]:hover{background:#005ea2}.gsuite-btn[data-v-4cce88c4]{background:#34a853;color:#fff}.gsuite-btn[data-v-4cce88c4]:hover{background:#2c8b45}.access-denied-container[data-v-4cce88c4]{max-width:400px;margin:50px auto;padding:20px;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;text-align:center;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}.access-denied-title[data-v-4cce88c4]{font-size:24px;font-weight:700;color:#d9534f;margin-bottom:10px}.access-denied-message[data-v-4cce88c4]{font-size:16px;color:#856404}@media (max-width:768px){.mail-box[data-v-4cce88c4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mail-box aside[data-v-4cce88c4]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-right:none;border-bottom:1px solid #ccc}}@media screen and (max-width:480px){.auth-container[data-v-4cce88c4]{max-width:95%;padding:10px}.auth-title[data-v-4cce88c4]{font-size:20px}.auth-message[data-v-4cce88c4]{font-size:13px}.auth-btn[data-v-4cce88c4]{width:100%;font-size:13px;padding:8px}}