.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:999;padding:1rem;overflow-y:auto}.modal-box{background:white;padding:2rem;border-radius:10px;width:420px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}.message-textarea{width:100%;height:100px;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:15px;resize:vertical}.modal-buttons{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.modal-buttons button{cursor:pointer;flex:1;min-width:120px;transition:background-color .3s ease,opacity .3s ease}.modal-buttons button:hover{opacity:.85}.char-count{text-align:right;font-size:.85rem;color:#666;margin-top:8px;margin-bottom:10px}.confirm-btn{background-color:#007bff}.cancel-btn,.confirm-btn{color:white;padding:10px 16px;border:none;border-radius:6px}.cancel-btn{background-color:#6c757d}@media (max-width:500px){.modal-box{width:90%;padding:1.5rem;border-radius:8px}.title{font-size:1rem}.message-textarea{font-size:14px;height:90px}.modal-buttons{flex-direction:column;align-items:stretch}.modal-buttons button{width:100%}}