.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;line-height:1}.modal-header .close-button:hover{color:#333}.modal-body{padding:20px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.modal-body .form-group .form-input,.modal-body .form-group .form-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;font-family:inherit}.modal-body .form-group .form-input:focus,.modal-body .form-group .form-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.modal-body .form-group .form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.modal-footer .cancel-button,.modal-footer .submit-button{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.modal-footer .cancel-button{background-color:#f5f5f5;color:#333}.modal-footer .cancel-button:hover{background-color:#e0e0e0}.modal-footer .submit-button{background-color:#2196f3;color:#fff}.modal-footer .submit-button:hover:not(:disabled){background-color:#1976d2}.modal-footer .submit-button:disabled{opacity:.6;cursor:not-allowed}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}:root{font-family:Arial}