@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background-color:#f8fafc;flex-direction:column;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}.bg-blob{z-index:-1;filter:blur(80px);background:radial-gradient(circle,#4f46e50d 0%,#4f46e500 70%);border-radius:50%;width:600px;height:600px;animation:25s infinite alternate blob-float;position:fixed}.bg-blob.blob-1{top:-150px;left:-150px}.bg-blob.blob-2{background:radial-gradient(circle,#10b9810d 0%,#10b98100 70%);animation-delay:-7s;bottom:-150px;right:-150px}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,80px)scale(1.1)}to{transform:translate(-40px,40px)scale(.9)}}.container{width:100%;max-width:1200px;padding:60px 24px}@media (max-width:640px){.container{padding:30px 16px}}header{width:100%;margin-bottom:50px}header .header-inner{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1200px;margin:0 auto;display:flex}@media (max-width:900px){header .header-inner{flex-direction:column;align-items:flex-start;gap:20px}}header .header-brand{align-items:center;gap:20px;display:flex}@media (max-width:640px){header .header-brand{gap:15px}}header .header-brand .header-logo{object-fit:contain;width:60px;height:60px}@media (max-width:640px){header .header-brand .header-logo{width:45px;height:45px}}header h1{letter-spacing:-.02em;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);-webkit-background-clip:text;margin-bottom:4px;font-size:2.8rem;font-weight:800;line-height:1.1}@media (max-width:640px){header h1{font-size:1.8rem}}header p{color:#64748b;font-size:1.1rem;font-weight:400}@media (max-width:640px){header p{max-width:250px;font-size:.9rem}}header .btn-clients-list{color:#0f172a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:14px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000001a}@media (max-width:900px){header .btn-clients-list{justify-content:center;width:100%}}header .btn-clients-list i{color:#4f46e5;font-size:1.1rem}header .btn-clients-list:hover{background:#fdfdfd;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quick-nav .nav-group{transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-nav .nav-group:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#ffffffe6!important}.quick-nav .nav-item{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-nav .nav-item:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:scale(1.05)}.quick-nav .nav-item:active{transform:scale(.95)}.forms-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;display:grid}@media (max-width:768px){.forms-grid{grid-template-columns:1fr}}.mail-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mail-card:hover{border-color:#4f46e566;transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mail-card .card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.mail-card .card-header .icon{color:#4f46e5;background:#4f46e514;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.mail-card .card-header h2{color:#0f172a;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.mail-card p{color:#64748b;margin-bottom:24px;font-size:.95rem;line-height:1.5}form{flex-direction:column;flex:1;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:120px}.form-group .btn-picker{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.form-group .btn-picker:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn-send{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #4f46e533}.btn-send:hover:not(:disabled){background:#3730a3;transform:translateY(-2px);box-shadow:0 10px 15px #4f46e54d}.btn-send:disabled{opacity:.6;cursor:not-allowed}.btn-ai{cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:5px 0 10px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #6366f133;color:#fff!important}.btn-ai:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #a855f766}.btn-ai:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8}.btn-ai i{font-size:1rem}.file-upload .file-label{cursor:pointer;color:#64748b;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.file-upload .file-label:hover{color:#4f46e5;background:#4f46e505;border-color:#4f46e5}.file-upload input[type=file]{display:none}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#0f172a66;justify-content:center;align-items:center;padding:24px;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;transition:all .3s;display:flex;overflow:hidden;transform:scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width:640px){.modal-content{border-radius:0;height:100vh;max-height:100vh}}.modal-overlay.show .modal-content{transform:scale(1)}.modal-content .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-content .modal-header h3{color:#0f172a;font-weight:700}.modal-content .modal-header .close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-content .modal-header .close-modal:hover{color:#0f172a;transition:all .3s;transform:rotate(90deg)}.modal-content .modal-body{background:#f1f5f9;padding:0;overflow-y:auto}.modal-content .modal-body .preview-info{background:#fff;border-bottom:2px solid #e2e8f0;flex-direction:column;gap:10px;padding:24px 32px;display:flex}.modal-content .modal-body .preview-info .preview-row{gap:15px;font-size:.95rem;display:flex}.modal-content .modal-body .preview-info .preview-row span{color:#64748b;min-width:100px;font-weight:500}.modal-content .modal-body .preview-info .preview-row strong{color:#0f172a}.modal-content .modal-body .mail-render-container{justify-content:center;padding:40px;display:flex}.modal-content .modal-body .client-table-container{background:#fff;padding:24px;overflow-x:auto}@media (max-width:640px){.modal-content .modal-body .client-table-container{padding:16px}}.modal-content .modal-body .client-table{border-collapse:separate;border-spacing:0;width:100%}.modal-content .modal-body .client-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.8rem;font-weight:600}.modal-content .modal-body .client-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:16px}.modal-content .modal-body .client-table tr:hover td{background:#f8fafc}.modal-content .modal-body .client-table .btn-delete:hover{transform:scale(1.2)}.modal-content .modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.modal-content .modal-footer .btn-cancel{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 24px;font-weight:600}.modal-content .modal-footer .btn-cancel:hover{background:#f8fafc}.modal-content .modal-footer .btn-confirm{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;padding:12px 28px;font-weight:600}.modal-content .modal-footer .btn-confirm:hover{background:#3730a3}.toast{color:#fff;z-index:3000;background:#0f172a;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 15px -3px #0003}.toast.show{transform:translate(-50%)translateY(0)}.toast.error{background:#ef4444}.toast.success{background:#0f172a}.modal-content.client-list-modal .modal-body{height:600px;padding:0;display:flex;overflow:hidden}@media (max-width:900px){.modal-content.client-list-modal .modal-body{height:80vh}.modal-content.client-list-modal .modal-body .hidden-mobile{display:none!important}}.modal-content.client-list-modal .modal-body .history-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;width:350px;overflow-y:auto}@media (max-width:900px){.modal-content.client-list-modal .modal-body .history-sidebar{border-right:none;width:100%}}.modal-content.client-list-modal .modal-body .history-sidebar .history-item{cursor:pointer;border-bottom:1px solid #e2e8f0;border-left:4px solid #0000;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content.client-list-modal .modal-body .history-sidebar .history-item:hover{background:#fff}.modal-content.client-list-modal .modal-body .history-sidebar .history-item.active{background:#fff;border-left-color:#4f46e5}.modal-content.client-list-modal .modal-body .history-sidebar .history-item .history-item-email{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.9rem;font-weight:700;overflow:hidden}.modal-content.client-list-modal .modal-body .history-sidebar .history-item .history-item-subject{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.modal-content.client-list-modal .modal-body .history-sidebar .history-item .history-item-date{color:#94a3b8;margin-top:8px;font-size:.75rem}.modal-content.client-list-modal .modal-body .history-main{background:#fff;flex:1;padding:30px;overflow-y:auto}@media (max-width:640px){.modal-content.client-list-modal .modal-body .history-main{padding:16px}}.modal-content.client-list-modal .modal-body .history-main .btn-back-history{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}@media (max-width:900px){.modal-content.client-list-modal .modal-body .history-main .btn-back-history{display:inline-flex}}.modal-content.client-list-modal .modal-body .history-main .btn-back-history:hover{color:#4f46e5;background:#f8fafc;border-color:#4f46e5}.modal-content.client-list-modal .modal-body .history-main .log-details-header{border-bottom:1px solid #f1f5f9;margin-bottom:30px;padding-bottom:20px}.modal-content.client-list-modal .modal-body .history-main .log-details-header .log-meta{color:#64748b;margin-bottom:6px;font-size:.85rem}.modal-content.client-list-modal .modal-body .history-main .log-details-header .log-meta strong{color:#0f172a}.modal-content.client-list-modal .modal-body .history-main .log-details-header .log-subject{color:#0f172a;margin-top:12px;font-size:1.25rem;font-weight:800;line-height:1.3}.modal-content.client-list-modal .modal-body .history-main .mail-render-container{border:1px solid #f1f5f9;border-radius:12px;padding:0;display:block;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.modal-content.client-list-modal .modal-body .history-main .mail-render-container table{width:100%!important;max-width:100%!important}footer{text-align:center;color:#64748b;padding:60px 0;font-size:.95rem}