body{background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:8px;box-shadow:0 8px 20px #00000026;padding:30px;width:350px}.login-card h2{margin-bottom:20px;text-align:center}.login-card input{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.login-card input:focus{border-color:#1976d2;outline:none}.login-card button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:100%}.login-card button:hover{background:#125aa3}.report-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.report-header{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-top h2{color:#333;font-size:24px;margin:0}.logout-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.logout-btn:hover{background-color:#c82333}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-row label{color:#555;font-weight:600}.filter-row input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.filter-row button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .3s}.filter-row button:hover{background-color:#0056b3}.table-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow-x:auto}table{background-color:#fff;border-collapse:collapse;width:100%}th{background-color:#343a40;color:#fff;font-weight:600;text-align:left}td,th{font-size:14px;padding:12px}td{border-bottom:1px solid #dee2e6;color:#333}tr:hover{background-color:#f8f9fa}.sortable-header{cursor:pointer;position:relative;transition:background-color .3s;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#23272b}.datetime-cell{padding:8px 12px!important}.date{color:#2c3e50;font-weight:600}.time{color:#6c757d;font-size:12px;margin-top:4px}.view-details-btn{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:background-color .3s}.view-details-btn:hover{background-color:#218838}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.pagination button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.pagination button:hover:not(:disabled){background-color:#0056b3}.pagination button:disabled{background-color:#6c757d;cursor:not-allowed}.pagination span{color:#333;font-size:14px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.details-modal{max-width:800px!important}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{color:#333;font-size:18px;margin:0}.modal-header .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-header .close-btn:hover{color:#333}.modal-body{max-height:calc(80vh - 120px);overflow-y:auto;padding:20px}.details-grid{display:flex;flex-direction:column;gap:15px}.detail-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;padding-bottom:10px}.detail-item.full-width{flex-direction:column}.detail-label{color:#555;font-weight:600;min-width:100px}.detail-value{color:#333;flex:1 1;word-break:break-word}.detail-subject{color:#2c3e50;font-weight:500}.datetime-detail{display:flex;flex-direction:column;gap:4px}.detail-date{color:#2c3e50;font-weight:600}.detail-time{color:#6c757d}.detail-body-content{background-color:#f8f9fa;border-radius:4px;margin-top:8px;max-height:400px;overflow-y:auto;padding:15px;width:100%}.plain-text p{line-height:1.6;margin:5px 0}.html-renderer{font-family:inherit}.html-renderer h1{color:#333;font-size:24px;margin:16px 0 8px}.html-renderer h2{color:#333;font-size:20px;margin:14px 0 7px}.html-renderer h3{color:#333;font-size:18px;margin:12px 0 6px}.html-renderer h4{color:#333;font-size:16px;margin:10px 0 5px}.html-renderer p{margin:8px 0}.html-renderer a{color:#007bff;text-decoration:none}.html-renderer a:hover{text-decoration:underline}.html-renderer ol,.html-renderer ul{margin:8px 0;padding-left:20px}.html-renderer li{margin:4px 0}.html-renderer img{border-radius:4px;display:block;height:auto;margin:10px 0;max-width:100%}.html-renderer table{border-collapse:collapse;margin:10px 0;width:100%}.html-renderer td,.html-renderer th{border:1px solid #dee2e6;padding:8px;text-align:left}.html-renderer th{background-color:#f8f9fa;font-weight:600}.html-renderer blockquote{border-left:4px solid #dee2e6;color:#6c757d;margin:10px 0;padding-left:16px}.html-renderer pre{overflow-x:auto;padding:12px}.html-renderer code,.html-renderer pre{background-color:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.html-renderer code{padding:2px 4px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:5px}.form-group input[type=email],.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.disabled-input,.form-group input:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.radio-group{display:flex;gap:20px}.radio-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important;gap:5px}.radio-label input[type=radio]{cursor:pointer;margin:0}.sending-indicator{color:#007bff;font-weight:600;padding:10px;text-align:center}.modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.modal-footer button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.clear-btn{background-color:#6c757d;color:#fff}.clear-btn:hover:not(:disabled){background-color:#5a6268}.send-btn{background-color:#28a745;color:#fff}.send-btn:hover:not(:disabled){background-color:#218838}.send-email-from-details-btn{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-right:auto;padding:8px 16px}.send-email-from-details-btn:hover{background-color:#218838}.modal-footer .close-btn{background-color:#dc3545;color:#fff}.modal-footer .close-btn:hover:not(:disabled){background-color:#c82333}.modal-footer button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.report-container{padding:10px}.filter-row{align-items:stretch;flex-direction:column}.filter-row input[type=date]{width:100%}.detail-item{flex-direction:column}.detail-label{margin-bottom:4px}.modal-content{margin:10px;width:95%}.radio-group{flex-direction:column;gap:10px}.modal-footer{flex-wrap:wrap}.send-email-from-details-btn{justify-content:center;margin-bottom:10px;margin-right:0;width:100%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.html-renderer{font-size:14px;line-height:1.6;word-break:break-word}.html-renderer a{color:#0d6efd;text-decoration:underline}
/*# sourceMappingURL=main.f20b2d6d.css.map*/