.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:#fff;border-radius:.75rem;width:100%;max-width:42rem;margin:0 1rem;padding:2rem}.modal-title{color:#22c55e;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.input-group{margin-bottom:1rem}.input-label{margin-bottom:.5rem;font-weight:500;display:block}.input-field{border:2px solid #4ade80;border-radius:.375rem;width:100%;padding:.5rem 1rem;font-size:1.125rem}.input-field:focus{outline:none;box-shadow:0 0 0 2px #4ade804d}.textarea-field{resize:vertical;white-space:pre-wrap;background-color:#f9fafb;border:2px solid #4ade80;border-radius:.5rem;width:100%;min-height:10rem;padding:1rem;font-size:1rem}.button-group{justify-content:flex-end;gap:1rem;display:flex}.cancel-button{color:#4b5563;padding:.5rem 1.5rem;font-weight:600}.cancel-button:hover{color:#1f2937}.send-button{color:#fff;background-color:#22c55e;border-radius:.375rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.send-button:hover{background-color:#16a34a}.error-message{color:#dc2626;margin-top:.75rem}